🍿 АНОНС СТРИМА 17 сентября в 14:30 по мск

youtube — twitch — vk

Вот так простой сибирский парень попал на сайт FrontendConf 👍

Все началось с походу на конференцию, до конца розыгрыша осталось всего 7 дней, успейте поучаствовать 🎤

Метаинформация в next и react 19 👨‍💻

Забавно, почему-то мало вижу об этом информации в интернете, думаю тут проблема, что react 19 версия не интересна пользователям совсем, ведь концептуально ничего нового, которое меняет dx мы не получили. Все релизы для vercel от vercel и не более.

Но в 19 версии появились новые компоненты, которые могут помочь вам вставить в head информацию из любой точки вашего кода, да-да вы не ослышались, вы можете написать meta тег на самом низком уровне ваших компонентов и это появится в head. Идея мне понятна, но я просто представляю, какой уровень гавнокода она создает 📱

А теперь самое интересное, в next есть возможность добавлять metadata для страницы, это довольно удобно и самое главное понятно, даже og image можно генерировать, а теперь вопрос, что будет если сделать metadata от nextjs и потом еще react 19 компоненты для metadata. Если коротко работать это не будет и у вас появятся баги. У next есть кеш и он работает для динамической метадаты в том числе, но вам надо продублировать запрос и в generateMetadata и в вашем серверном компоненте, а что если я вам скажу, что можно просто использовать react 19 компоненты и не дублировать код.

react 19 metadata >= generateMetadata получается 🤔 а вообще даже не знаю какой вывод сделать, пишите хороший код, наверное.

Ролик, который заслужил рекомендации 😵‍💫

Хороший монтаж, четкий сценарий и повествование, автор чуть-чуть слукавил, когда сказал, что это ролик прям что-то новое, но отрицать, что сделано хорошо глупо. Ян Иван Топлес или же умный человек не в очках рассказывает очень интересную историю связанную с программированием. История, когда понимаешь, на сколько важен найм и что от программирования иногда зависят жизни.

Крутая обложка, интересная тема, 1000 просмотров за 1 день, а все потому-что на его канале все ждут гайд для новичков по ангуляр и все в мире теперь любят в формат тикток видосов. Я уже много с кем обсуждал, что формат видео вымирает и действительно интересного контента становится с каждым днем все меньше и меньше.

Автору поддержки, возможно, ролик еще попадет в рекомендации 🏝

🍿 АНОНС СТРИМА 20 сентября в 14:00 по мск

youtube — twitch — vk

MoscowJS 68 + siberiacancode = 🥰

Сбиваем вас с ног на самокате с ecom.tech и MoscowJS. Ребята хорошие друзья с Докой 😆 — платформой с понятными статьями от разработчиков для разработчиков.

Регистрация на офлайн уже открыта. Напоминаем: если используете промокод, то не забывайте нажать «Применить». Конечно же будет и онлайн часть, которую ваш покорный слуга будет стримить. Будем обсуждать, комментировать и хорошо проводить время и конечно задавать вопросы спикерам.

Если вы хотите стать спикером, то я максимально рекомендую попробовать свои силы, подать заявку и выступить у ребят на митапе. Я лично знаю ребят организаторов и точно знаю, что они вам помогут с вашим выступлением, подробнее можно узнать тут

MoscowJS: https://www.tg-me.com/moscowjs
Задать вопросы спикерам: https://moscowjs.org/qna/

tier list 2025 frontend by Тема Сенюков 🏆

Очень интересно наблюдать, как тир лист от человека к человеку отличается. Спасибо Теме, получилось очень интересно и самое крутое в этом другой взгляд на наш фронтенд 📞

Возможно, вы сможете подсказать, какие технологии стоит добавить и кого бы вы хотели, чтобы я позвал на стрим. Всем хорошего вечера 👍 Если хотите составить свой топ, то вот template.

Nextjs реально иногда хорош 🏆

Мы часто с вами говорим про разработку и бизнес логику, но на самом деле есть другой пласт приложений, которые больше про seo, контент, работу с данными, а не логикой.

И вот next прям тут хорош, у тебя есть все варианты рендера, есть довольно удобная работа с метаданными, а также прямая работа с бд и бесплатный bff. Веб прям большой и я просто понимаю, что next это уникальное решение 🍜

На днях я сделал мини сайт, чтобы потыкаться в генерацию og. Но тут next удивил, с помощью jsx делать og картинки — это вкусно. Но забавно, что даже там есть моменты, например search params не работает. Круто, что @vercel/og пакет можно использовать и вне next и генерировать таким образом изображения.

Уже в эту пятницу итоги розыгрыша, успейте поучаствовать 🏝

lodash и ramda все 🤟

Причем тут софтскиллы, а вот не знай я бы лично одного из самых сильных js разрабов нашего поколения izede, так бы и не узнал про es-toolkit 🤩

Ребята, не хочу вас отвлекать, но сегодня уже итоги розыгрыша 2 билета на FrontendConf в 16:00 по мск 🤟 всем удачи и хорошего дня

🎉 Результаты розыгрыша:

🏆 Победители:
1. Stepan (@markridge)
2. Zoya (@z_saveleva)

✔️Проверить результаты

Коллеги, товарищи, стримы переносятся из-за состояния стримера, перед всеми извиняюсь 😵‍💫 приболел

🍿 АНОНС СТРИМА 27 сентября в 11:00 по мск

youtube — twitch — vk

Фидбек по докладам с митапа 😉

😉 Как мы запретили писать код с багами в локализации — Хороший и простой доклад, мне нравится, что вся полезная информация уместилась по таймингу, но опять куча вопросов, например изначально делать id на русском, ну как будто тогда уже все пошло не так, а так полезная информация и самое важное правильный фокус для слушателей, о чем нужно думать, чтобы не сделать плохо, когда смотрим на локализацию.

🍜 React и функциональные шаблоны. Паттерн FACC. — Опять эти правила и архитектура лезут нам во фронтенд, если коротко, то доклад просто послушать и желательно никогда так не делать. Решение, что показал автор можно сделать в разы проще, а render props в официальной доке запихнули в legacy api и правильно сделали. Props функции — это очень хрупкая тема с учетом ререндеров в react. Но если у вас супер сложная система и bdui, например, то вам придется что-то похожее сделать и автор показал пару интересный вещей, которые могу пригодится.

👨‍💻 10⁸ клеток: алгоритмы и производительность в JavaScript — Какой же интересный доклад, сам доклад я бы сказал больше бесполезный, но его подача вытягивает его, тот самый доклад, который ты прослушаешь до конца. Автор очень просто повышая сложность доклада, рассказывает про производительность. Доклад затрагивает многие темы, девтулзы, js, инженерия и т.д. Давно наблюдаю за спикером, делает прям вкусно

🤨Предохранители от выгорания, или почему «Устал? Отдохни» не работает — Мне далеки такие доклады, мои советы на уровне будьте просто лучшей версией себя, но у многих это может не работать и спикер предложил довольно неплохое просто решение саморефлексии. Ваши проблемы, только вы сами можете пофиксить

Огромное спасибо ребятам из MoscowJS, которые позволяют мне стримить и проводят митапы в таком количестве. Если хотите выступить — пишите им сюда. Ребят, знаю лично, помогут подготовиться и выступить, так сказать, получить свой первый опыт.

Добавили новые хуки 😎 всего 153 хука:

- useVisibility
- useAsyncEffect
- useFocusTrap

Также добавили пару тестов для хуков, уже на следующем moscowjs я вам расскажу некоторые вещи и моменты при реализации библиотеки хуков, будем говорить обо всем от реализации до тестирования.

Activity теперь официально в react 19.2 😎

Первая фича для пользователей за такое долгое время, теперь придется чуть-чуть менять майндсет чтобы использовать данный компонент. Также они сделали хук useEvent, прошло уже столько лет, но они это сделали.

// Before
{isVisible && <Page />}

// After
<Activity mode={isVisible ? 'visible' : 'hidden'}>
  <Page />
</Activity>