CodeRoll | Frontend

Использование Proxy и Reflect для создания реактивных объектов в JavaScript

В этой статье рассмотрено, как с помощью Proxy и Reflect в JavaScript можно создавать реактивные объекты — объекты, которые автоматически реагируют на изменения свойств. Эти инструменты перехватывают доступ и изменения, позволяя реализовать поведение наподобие Vue или MobX.

👀 Читать

Coderoll | Frontend

Esbuild – самый быстрый JavaScript-бандлер

Если Webpack кажется медленным – попробуй esbuild! Он до 100 раз быстрее, потому что написан на Go.

🔥 Чем хорош?
✔️ Супер-быстрая сборка
✔️ Поддерживает TypeScript, JSX, CSS
✔️ Минификация и tree shaking

👀 Попробовать

Coderoll | Frontend

Design Patterns: прототип, прокси и обозреватель для фронтенд-разработчика

Паттерны программирования – очень обширная тема, в этой статье разобраны три паттерна из двадцати трех, описанных в Книге Четырех, которые помогут в работе.

👀 Читать

Coderoll | Frontend

❓Как работает this в JavaScript?

В глобальной области: this ссылается на window (в браузере) или global (в Node.js).
В методах объектов: this ссылается на объект, в котором вызван метод.
В стрелочных функциях: this берется из внешнего контекста.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

Как тестировать современный фронтенд

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

В этой статье разобраны основные виды тестов и правила написания тестов

👀 Читать

Coderoll | Frontend

Bun – альтернатива Node.js, которая рвет всех по скорости!

Bun – это новая среда выполнения JS, которая работает быстрее, чем Node.js и Deno.

🔥 Чем хорош?
✔️ Запускает серверы в разы быстрее
✔️ Встроенный пакетный менеджер (замена npm/yarn)
✔️ Совместим с node_modules

👀 Попробовать

Coderoll | Frontend

❓Разница между == и === в JavaScript?

Ответ
== (нестрогое сравнение) – приводит типы перед сравнением.
=== (строгое сравнение) – сравнивает без приведения типов.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

Как устроены цикл событий и стек вызовов в JavaScript

Цикл событий (event loop) — ключ к асинхронному программированию на JavaScript. Сам по себе язык однопоточный, но использование этого механизма позволяет создать дополнительные потоки, чтобы код работал быстрее. В этой статье разбираемся, как устроен стек вызовов и как они связаны с циклом событий.

👀 Читать

Coderoll | Frontend

❓Что такое дебаунс и троттлинг?

Debounce – задержка перед выполнением функции, пока пользователь вводит данные. Полезно для поиска в реальном времени.

Throttle – ограничивает выполнение функции, даже если событие происходит часто. Полезно для скролла и ресайза окна.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

Svgl – SVG-иконки для твоих проектов

👀 Попробовать

Coderoll | Frontend

VueUse – коллекция полезных хуков для Vue 3

Это набор готовых реактивных утилит, которые упрощают разработку на Vue.

🔥 Что есть полезного?
✔️ useMouse() – отслеживание движения мыши
✔️ useDark() – автоматическая смена темы
✔️ useFetch() – удобный API-запрос с кешированием

👀 Попробовать

Coderoll | Frontend

Разбираем 5 способов ускорить сайт: от простого к сложному

Каждая миллисекунда важна! В этой статье разбираются топовые способы оптимизации загрузки страницы

👀 Читать

Coderoll | Frontend

React Hook Form – лучшая библиотека для работы с формами

Ты все еще валидируешь формы вручную? React Hook Form делает это проще и эффективнее! 

🔥 Почему стоит попробовать?
✔️ Минимальный ререндер компонентов
✔️ Поддержка Yup/Zod для валидации
✔️ Легко интегрируется с UI-библиотеками (MUI, Ant Design)

👀 Попробовать

Coderoll | Frontend

Немного о том, как работает виртуальный DOM в React

В статье рассматриваются ключевые моменты работы VDom в React

👀 Читать

Coderoll | Frontend

Webpack, Vite или Rspack: что это за зоопарк или как собирать микрофронтенды в 2025?

Короткая статья, в которой проводятся замеры скорости работы актуальных сборщиков

👀 Читать

Coderoll | Frontend

Preact – альтернатива React, которая весит 3KB

Если у тебя есть проблемы с размером бандла в React-проекте, попробуй Preact. Он совместим с React API, но весит всего 3 KB!

👀 Попробовать

Coderoll | Frontend

И параллельно собеседуешься на третью

Coderoll | Frontend

Кто-то скажет, что там с мешочка выпало?

Coderoll | Frontend

Улучшаем производительность: виртуальный рендеринг для больших объемов данных

Обработка большого объема данных на фронтенде – это вызов. В статье рассмотрены паттерны и оптимизации для работы с тысячами записей в браузере.

👀 Читать

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