Design Tokens – автоматизация дизайна в коде
Как сделать так, чтобы цвета, отступы, шрифты из дизайна сразу попадали в код? Design Tokens + Tailwind CSS – и ты больше не будешь вручную переносить дизайн-токены в SCSS или JS.
👀 Попробовать
Coderoll | Frontend
Как сделать так, чтобы цвета, отступы, шрифты из дизайна сразу попадали в код? Design Tokens + Tailwind CSS – и ты больше не будешь вручную переносить дизайн-токены в SCSS или JS.
👀 Попробовать
Coderoll | Frontend
Подробно о том, как работают React Server Components
React 18 представил Server Components – они позволяют загружать данные на сервере без лишнего JS в браузере. Это революция в рендеринге! В этой статье разберемся, как это работает.
👀 Читать
Coderoll | Frontend
React 18 представил Server Components – они позволяют загружать данные на сервере без лишнего JS в браузере. Это революция в рендеринге! В этой статье разберемся, как это работает.
👀 Читать
Coderoll | Frontend
Pnpm – альтернатива npm и yarn, которая разрывает!
Pnpm использует жесткие ссылки, что экономит место и ускоряет установку зависимостей. Если твой проект огромен – попробуй Pnpm!
🔥 Что круто:
✔️ Быстрее, чем npm и yarn
✔️ Меньше места на диске
✔️ Отличная поддержка monorepo
👀 Попробовать
Coderoll | Frontend
Pnpm использует жесткие ссылки, что экономит место и ускоряет установку зависимостей. Если твой проект огромен – попробуй Pnpm!
🔥 Что круто:
✔️ Быстрее, чем npm и yarn
✔️ Меньше места на диске
✔️ Отличная поддержка monorepo
👀 Попробовать
Coderoll | Frontend
Unocss – ультрабыстрый CSS-фреймворк
Если ты используешь Tailwind, попробуй UnoCSS – он еще быстрее и гибче! Поддерживает динамические классы, работу с темами и минимальный размер бандла.
🔥 Почему стоит попробовать?
✔️ Генерирует только используемые стили
✔️ Гибкость и мощные пресеты
✔️ Лучшая производительность по сравнению с Tailwind
👀 Попробовать
Coderoll | Frontend
Если ты используешь Tailwind, попробуй UnoCSS – он еще быстрее и гибче! Поддерживает динамические классы, работу с темами и минимальный размер бандла.
🔥 Почему стоит попробовать?
✔️ Генерирует только используемые стили
✔️ Гибкость и мощные пресеты
✔️ Лучшая производительность по сравнению с Tailwind
👀 Попробовать
Coderoll | Frontend
Qwik – фреймворк для мгновенных веб-приложений
Qwik – это новый взгляд на SSR и рендеринг. Он подгружает JS только при необходимости, что делает сайты супер быстрыми.
🔥 Что дает Qwik?
✔️ Почти мгновенный рендеринг
✔️ Минимум JS-кода в браузере
✔️ Отлично подходит для больших проектов
👀 Попробовать
Coderoll | Frontend
Qwik – это новый взгляд на SSR и рендеринг. Он подгружает JS только при необходимости, что делает сайты супер быстрыми.
🔥 Что дает Qwik?
✔️ Почти мгновенный рендеринг
✔️ Минимум JS-кода в браузере
✔️ Отлично подходит для больших проектов
👀 Попробовать
Coderoll | Frontend
Топ 10 инструментов для Vue 3
1️⃣ Vite – сборка и HMR
2️⃣ Pinia – управление состоянием
3️⃣ VueUse – коллекция полезных хуков
4️⃣ Vue Router – маршрутизация
5️⃣ Vitest – тестирование
6️⃣ UnoCSS – стилизация
7️⃣ Nuxt – SSR и SSG
8️⃣ FormKit – работа с формами
9️⃣ Element Plus – UI-компоненты
🔟 i18n – интернационализация
Coderoll | Frontend
1️⃣ Vite – сборка и HMR
2️⃣ Pinia – управление состоянием
3️⃣ VueUse – коллекция полезных хуков
4️⃣ Vue Router – маршрутизация
5️⃣ Vitest – тестирование
6️⃣ UnoCSS – стилизация
7️⃣ Nuxt – SSR и SSG
8️⃣ FormKit – работа с формами
9️⃣ Element Plus – UI-компоненты
🔟 i18n – интернационализация
Coderoll | Frontend
Улучшаем производительность: виртуальный рендеринг для больших объемов данных
Обработка большого объема данных на фронтенде – это вызов. В статье рассмотрены паттерны и оптимизации для работы с тысячами записей в браузере.
👀 Читать
Coderoll | Frontend
Обработка большого объема данных на фронтенде – это вызов. В статье рассмотрены паттерны и оптимизации для работы с тысячами записей в браузере.
👀 Читать
Coderoll | Frontend
Preact – альтернатива React, которая весит 3KB
Если у тебя есть проблемы с размером бандла в React-проекте, попробуй Preact. Он совместим с React API, но весит всего 3 KB!
👀 Попробовать
Coderoll | Frontend
Если у тебя есть проблемы с размером бандла в React-проекте, попробуй Preact. Он совместим с React API, но весит всего 3 KB!
👀 Попробовать
Coderoll | Frontend
Webpack, Vite или Rspack: что это за зоопарк или как собирать микрофронтенды в 2025?
Короткая статья, в которой проводятся замеры скорости работы актуальных сборщиков
👀 Читать
Coderoll | Frontend
Короткая статья, в которой проводятся замеры скорости работы актуальных сборщиков
👀 Читать
Coderoll | Frontend
Немного о том, как работает виртуальный DOM в React
В статье рассматриваются ключевые моменты работы VDom в React
👀 Читать
Coderoll | Frontend
В статье рассматриваются ключевые моменты работы VDom в React
👀 Читать
Coderoll | Frontend
React Hook Form – лучшая библиотека для работы с формами
Ты все еще валидируешь формы вручную? React Hook Form делает это проще и эффективнее!
🔥 Почему стоит попробовать?
✔️ Минимальный ререндер компонентов
✔️ Поддержка Yup/Zod для валидации
✔️ Легко интегрируется с UI-библиотеками (MUI, Ant Design)
👀 Попробовать
Coderoll | Frontend
Ты все еще валидируешь формы вручную? React Hook Form делает это проще и эффективнее!
🔥 Почему стоит попробовать?
✔️ Минимальный ререндер компонентов
✔️ Поддержка Yup/Zod для валидации
✔️ Легко интегрируется с UI-библиотеками (MUI, Ant Design)
👀 Попробовать
Coderoll | Frontend
Разбираем 5 способов ускорить сайт: от простого к сложному
Каждая миллисекунда важна! В этой статье разбираются топовые способы оптимизации загрузки страницы
👀 Читать
Coderoll | Frontend
Каждая миллисекунда важна! В этой статье разбираются топовые способы оптимизации загрузки страницы
👀 Читать
Coderoll | Frontend
VueUse – коллекция полезных хуков для Vue 3
Это набор готовых реактивных утилит, которые упрощают разработку на Vue.
🔥 Что есть полезного?
✔️ useMouse() – отслеживание движения мыши
✔️ useDark() – автоматическая смена темы
✔️ useFetch() – удобный API-запрос с кешированием
👀 Попробовать
Coderoll | Frontend
Это набор готовых реактивных утилит, которые упрощают разработку на Vue.
🔥 Что есть полезного?
✔️ useMouse() – отслеживание движения мыши
✔️ useDark() – автоматическая смена темы
✔️ useFetch() – удобный API-запрос с кешированием
👀 Попробовать
Coderoll | Frontend
❓Что такое дебаунс и троттлинг?
Debounce – задержка перед выполнением функции, пока пользователь вводит данные. Полезно для поиска в реальном времени.
Throttle – ограничивает выполнение функции, даже если событие происходит часто. Полезно для скролла и ресайза окна.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Как устроены цикл событий и стек вызовов в JavaScript
Цикл событий (event loop) — ключ к асинхронному программированию на JavaScript. Сам по себе язык однопоточный, но использование этого механизма позволяет создать дополнительные потоки, чтобы код работал быстрее. В этой статье разбираемся, как устроен стек вызовов и как они связаны с циклом событий.
👀 Читать
Coderoll | Frontend
Цикл событий (event loop) — ключ к асинхронному программированию на JavaScript. Сам по себе язык однопоточный, но использование этого механизма позволяет создать дополнительные потоки, чтобы код работал быстрее. В этой статье разбираемся, как устроен стек вызовов и как они связаны с циклом событий.
👀 Читать
Coderoll | Frontend