CodeRoll | Frontend

shadcn/ui – кастомные UI-компоненты на Tailwind 🔥 Нравится Tailwind, но не хватает готовых компонентов? Попробуй shadcn/ui: ✅ Красивый, кастомизируемый UI ✅ Поддержка dark/light тем ✅ Работает с React + Tailwind 👀 Попробовать 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

🔗 9 из 10 Менторов выбирают эти каналы для профессионального роста 10 000+ вопросов с собеседований и 1 000+ курсов и материалов по самым популярным направлениям: 👩‍💻 C# 🤖 ML Engineer 👩‍💻 C/C++ 🖥 Data Science 👩‍💻 Java 👩‍💻 Python 🖥 PHP 👩‍💻 Frontend 👣 Rust 👣 Golang 🖥 Ruby 👩‍💻 Node.js 👩‍💻 QA 👩‍💻 Android 👩‍💻 iOS 👩‍💻 Game Dev 💻 DevOps 🖥 Общее IT 📆 Митапы 👨‍💻 Вакансии Всё, что нужно для подготовки к собеседованию — в одном месте! 💬 Выбирай направление и становись частью IT

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

Здесь разрабы не просто двигают кнопки и лутают деньги, а создают шедевры! Я Никита — frontend-разработчик, любящий свою работу. Я приглашаю тебя в свой канал о фронтенде с душой Frontend For The Soul с вдохновляющим комьюнити, фичами, которых нет в других источниках, регулярными трендовыми идеями и книгами. Здесь каждый пиксель имеет душу. Присоединяйся — https://t.me/+la4fs6JcfRpiYmMy

Webpack, Vite или Rspack: что это за зоопарк или как собирать микрофронтенды в 2025? Короткая статья, в которой проводятся замеры скорости работы актуальных сборщиков 👀 Читать Coderoll | Frontend

🤔 Слишком поздно заходить в IT в 2025? Как бы не так! Нейросети не заменят кодеров, а для хорошего спеца всегда будет место с вкусной зарплатой. Для того, чтобы таким спецом стать, важно пользоваться хорошими источниками информации. Например, Базой Знаний, где всё уже отобрано и разделено по категориям — заходишь, ищешь нужное по хэштегам и изучаешь интересную тебе технологию, вот полный список: 🖥 Python: @python_baza 👩‍💻 Frontend: @frontend_baza 👩‍💻 Backend: @backend_baza 📊 SQL: @sql_baza 🎨 Веб-дизайн: @design_baza 📖 Книги по IT: @books_baza Всё лучшее про IT бесплатно — уже на Базе 🚀