Вышел крупнейший релиз года для тех, кто работает с 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
❤5👍1🤩1