Вышел крупнейший релиз года для тех, кто работает с UI-компонентами.
Три ключевых изменения:
1. ESM-only — код стал на 29% легче и теперь не минифицирован (дебажить проще)
2. CSF Factories — новый формат историй для TypeScript: меньше бойлерплейта, больше автокомплита
3. Новый sb.mock — простой и надёжный автомокинг модулей (совместно с Vitest)
#career_merge
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤2🤩2
😁4👍2
Frontend VK Hub — как работают наши интерфейсы?
Что делает интерфейсы VK быстрыми, удобными и устойчивыми под нагрузкой миллионов пользователей?
Frontend VK Hub — это сообщество инженеров, которые создают и развивают пользовательские интерфейсы для ВКонтакте, VK Play, VK WorkSpace и других сервисов экосистемы. Мы делимся практическим опытом, рассказываем о подходах к производительности, внедрении современных фреймворков и всему, что связано с улучшением Developer Experience.
Здесь можно найти инсайты от ведущих фронтенд-разработчиков, разборы реальных задач, новости индустрии и приглашения на мероприятия VK. И конечно, вакансии!
Подписывайся!
Что делает интерфейсы VK быстрыми, удобными и устойчивыми под нагрузкой миллионов пользователей?
Frontend VK Hub — это сообщество инженеров, которые создают и развивают пользовательские интерфейсы для ВКонтакте, VK Play, VK WorkSpace и других сервисов экосистемы. Мы делимся практическим опытом, рассказываем о подходах к производительности, внедрении современных фреймворков и всему, что связано с улучшением Developer Experience.
Здесь можно найти инсайты от ведущих фронтенд-разработчиков, разборы реальных задач, новости индустрии и приглашения на мероприятия VK. И конечно, вакансии!
Подписывайся!
🥰5👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
💯9🌚4
Передаём user через Dashboard и Sidebar, хотя они его не используют. Компоненты становятся «курьерами» для чужих данных.
Используйте композицию через children — передавай данные напрямую туда, где они нужны.
Что это даёт:
Когда что использовать:
#hotfix #react
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👍3❤2👏1
Все знают, что такое closure. Но почему тогда обработчики событий выводят не то, а React работает с устаревшим state?
#under_hood #js
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰5👏3
🛒 Black Friday от Proglib.academy!
Только до 30 ноября — скидка 40% на ВСЕ курсы.
Пора добавить в корзину не носки, а новые скиллы: Python, математика для Data Science, AI, алгоритмы и структуры данных, ML.
🎓 Выбирай курс, который реально двинет тебя в карьере, и учись со скидкой.
👉 Учиться со скидкой
Только до 30 ноября — скидка 40% на ВСЕ курсы.
Пора добавить в корзину не носки, а новые скиллы: Python, математика для Data Science, AI, алгоритмы и структуры данных, ML.
🎓 Выбирай курс, который реально двинет тебя в карьере, и учись со скидкой.
👉 Учиться со скидкой
🥰5
This media is not supported in your browser
VIEW IN TELEGRAM
Сделал подсказку для кнопки — работает идеально, пока не появится футер, скролл или resize. И вот тултип уже уехал за экран.
Нашли статью, где сравнивают три подхода:
#read_watch
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4🥰3🤔2
This media is not supported in your browser
VIEW IN TELEGRAM
Библиотека готовых keyframe-анимаций: bounce, fade, shake, blur, jello и другие эффекты.
Можно посмотреть демо на странице и скопировать код нужной анимации. Всё на чистом CSS, легковесно.
#readme #css
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8🤩2👍1
🧩 Как исправить любой баг — когда даже ИИ сдался
Классическая история: всё работает, пока не добавишь один невинный fetch().
Claude несколько раз уверенно объявлял: «готово, всё исправил» — но баг оставался. Так родилась статья о настоящем процессе отладки:
📍 Как находить минимальный репро,
📍 Когда стоит менять подход,
📍 И почему без «well-founded recursion» в отладке можно застрять навсегда.
Карточки выше — краткий конспект, а оригинал обязательно стоит прочитать📎
🐸 Библиотека фронтендера
#blueprint
Классическая история: всё работает, пока не добавишь один невинный fetch().
Claude несколько раз уверенно объявлял: «готово, всё исправил» — но баг оставался. Так родилась статья о настоящем процессе отладки:
Карточки выше — краткий конспект, а оригинал обязательно стоит прочитать
#blueprint
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥5❤3🥱2🔥1