⭐️ Инструмент недели: ускоряем сборку фронтенда с Turbopack

Turbopack — новый бандлер от команды Vercel, использующий Rust для ускорения. Однако для крупных и сложных проектов стоит внимательно следить за его стабильностью, так как он все ещё в бета-версии.

Какие еще преимущества:

🔵 С каждым изменением пересобираются только те части приложения, которые изменились, а не весь проект.

🔵 Улучшает работу как с клиентскими, так и серверными компонентами в Next.js.

🔵 Благодаря Hot Module Replacement (HMR) изменения в коде моментально отображаются без перезагрузки страницы, что важно для динамичных интерфейсов.

🔵 Совместим с большинством плагинов Webpack, что упрощает переход. Вы можете продолжить использовать привычные плагины и настройки, но с улучшенной производительностью.

Как использовать:

1. Установите Turbopack:

npm install --save-dev turbopack

2. Для проектов на Next.js просто запустите dev-сервер с флагом --turbo:

npm run dev -- --turbo

3. Для других проектов настройте Turbopack в соответствии с вашей конфигурацией.

🔗 Ссылка на документацию

🐸 Библиотека фронтендера

#буст

😂😂

🐸 Библиотека фронтендера

#развлекалово

🧠 AI, который пишет UI вместо вас

Вышел разбор нового инструмента Dualite Alpha — это AI, который генерирует интерфейсы под любые задачи: от лендинга до канбан-доски, даже если вы не дизайнер.

Что в видео:

➡️ Как быстро собрать интерфейс под свой стек (React, Tailwind, Angular и др.)

➡️ Как загрузить макет или фото, чтобы AI превратил его в код

➡️ Как подключать API, редактировать страницы и сразу деплоить

Подойдет тем, кто хочет сэкономить время на прототипировании или быстро собрать фронт для pet-проекта.

🔗 Смотреть видео

🐸 Библиотека фронтендера

#буст

🥲 Хотели новый опыт — получили новый вид боли

Сначала всё как в сказке: рендер за миллисекунду, бандл ноль, DX на десятку. А на деле — баги, костыли и ощущение, что ты не код пишешь, а фреймворк отлаживаешь за его авторов.

Вопрос от подписчика:

«Пробовал Solid — вроде быстрый, всё летает, но как только начинаешь что-то серьёзное делать, всё сыпется. Devtools нестабильные, баги вылазят на ровном месте. С Qwik вообще не понял, как с этим жить — ощущение, что дебажу не код, а магию. Marko — прикольный, но куда его вообще девать, кто его реально юзает? Есть тут кто юзал это всё в проде и не пожалел? Или всё это — больше про доклады, чем про реальные проекты?»

❓ Брали ли вы что-то из этих новых фреймворков под реальные задачи?

P.S. Если хотите задать вопрос, заполните нашу гугл-форму. Это займет 5 минут.

🐸 Библиотека фронтендера

#междусобойчик

📌 Команда дня: временное сохранение изменений в git

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

git stash

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

Зачем это нужно:

➡️ Избежать грязных коммитов ради «переключиться на минуту».

➡️ Быстро тестировать что-то в другой ветке, не теряя свою работу.

➡️ Безопасно — можно потом восстановить всё, даже после перезапуска IDE.

💡 Лайфхаки:

— Команда с пояснением:

git stash push -m «фиксы верстки в header»

— Вернуть обратно:

git stash pop

— Посмотреть, что спрятано:

git stash list

— Посмотреть, что внутри:

git stash show -p

— Забрать только нужные файлы:

git checkout stash@{0} -- path/to/file

— Удалить stash после использования:

git stash drop stash@{0}

🐸 Библиотека фронтендера

#буст

😅

🐸 Библиотека фронтендера

#развлекалово

🔍 Soft skills для фронтендера

Веб-разработка требует не только технических навыков, но и умения эффективно коммуницировать, управлять задачами и работать с клиентами. Но на самом деле это так важно?

✅ Когда soft skills полезны:

— Командная синергия: четкая коммуникация помогает быстрее понять требования и избежать ошибок.

— Гибкость в сроках: грамотное общение с клиентом помогает находить компромиссы по времени и функциональности.

— Междисциплинарное сотрудничество: понимание особенностей других команд улучшает совместную работу и ускоряет процесс.

➖ Когда это не так важно:

— Фокус на коде: иногда важно просто погружаться в работу и не отвлекаться на обсуждения.

— Качество кода важнее: когда решение принято, главное — не общение, а правильная реализация.

💬 А как вы думаете? Нужны ли фронтендерам soft skills или достаточно быть крутым кодером?

Поделитесь мнением в комментариях! ✏️

🐸 Библиотека фронтендера

#междусобойчик

📌 Lighthouse под капотом

Актуальные статьи для тех, кто не просто запускает Lighthouse, а понимает, как он работает внутри.

1. Web Perf в 2025: дальше, чем Lighthouse

➡️ Как современные фреймворки (Qwik, Astro) обходят классические проблемы TBT и LCP через островную архитектуру. Почему просто «100 баллов» больше не спасает.

2. Lighthouse 2025: полный редизайн

➡️ Chrome 137+ перейдёт на модуль Lighthouse Insights. Старые SEO-аудиты и части performance метрик заменят более гибкой архитектурой.

3. Что поменяют в Lighthouse-аудитах

➡️ Объединят CLS‑Culprits, уберут устаревшие проверки вроде passive listeners. Плюс подробный таймлайн изменений.

4. Что важно знать SEO и фронту

➡️ SearchEngineJournal объясняет, как изменения Lighthouse повлияют на ваши метрики и CI-пайплайны.

5. Локальные тесты с Lighthouse в CI

➡️ Гайд от NitroPack: как гонять Lighthouse через npm, настраивать кастомные аудиты и встраивать в CI/CD.

🐸 Библиотека фронтендера

#свежак