CodeRoll | Frontend

Deno — это новый инструмент для работы с JavaScript и TypeScript от создателя Node.js Deno позиционируется как безопасная альтернатива Node.js с улучшенными возможностями для работы с модулями и встроенным TypeScript. Имеет улучшенную безопасность благодаря контролю за доступом к файлам, сети и процессам. 👀 Читать доку Coderoll | Frontend

Оптимизация рендеринга React-компонентов: как не навредить Всё идёт хорошо, пока компоненты не начинают ререндериться без причины, нагружая браузер. Чем больше состояние и пропсов, тем сильнее страдает производительность. В этом материале разберём: ✅ Почему React-компоненты перерисовываются? ✅ Когда стоит использовать useMemo и useCallback? ✅ Как React.memo может ускорить рендер? ✅ Какие инструменты помогают анализировать производительность? Читай статью и избавляйся от лагов 👇 👀 Читать Coderoll | Frontend

Rem, Em, Px – какие единицы измерения лучше использовать в CSS? При разработке адаптивных интерфейсов важно правильно выбирать единицы измерения. Но что лучше: px, em или rem? 📌 Краткий разбор: ✅ px – фиксированная величина, удобна, но не масштабируется. ✅ em – зависит от родительского элемента, удобно для вложенных блоков. ✅ rem – зависит от html, обеспечивает консистентность масштабирования. ❓ Когда использовать Для шрифтов: rem Для отступов и padding: em/rem Для границ и теней: px Coderoll | Frontend

Нашли для вас крупную базу материалов по IT на любой вкус. Всё как мы любим — подробно, бесплатно и по полочкам: 🖥 Python: 1527+ материалов └ Фреймворки: 930+ материалов └ Библиотеки: 715+ материалов 🖥 Frontend: 1494+ материалов └ CSS: 855+ материалов └ JavaScript: 739+ материалов 👣 Backend: 1650+ материалов └ Разработка: 1005+ материалов └ DevOps: 883+ материалов 🖥 SQL и БД: 787+ материалов └ PostgreSQL: 553+ материалов └ NoSQL: 414+ материалов 🎨 Дизайн: 1120+ материалов └ Figma: 855+ материалов └ Photoshop: 725+ материалов 📚 Книги по IT: 725+ материалов Публикуем ссылки только на 48 часов — успейте ознакомиться, пока не снесли!⏲️

SVGOMG — оптимизация SVG в один клик Используешь SVG в проекте? SVGOMG – это онлайн-сервис для оптимизации SVG-файлов без потери качества. Почему стоит использовать? 1) Удаляет лишние атрибуты и комментарии 2) Минифицирует пути и упрощает координаты 3) Убирает ненужные теги и атрибуты 4) Снижает вес файлов до 80% без потери качества 👀 Попробовать Coderoll | Frontend

Contrast Checker — проверка контраста цвета для доступного UI Проблема низкоконтрастного текста часто мешает пользователям с нарушениями зрения. Не хочешь терять аудиторию? Убедись, что твои цвета соответствуют WCAG! 👀 Попробовать Coderoll | Frontend

GitHub Copilot – AI-помощник для написания кода Позволяет писать код быстрее, учиться на примерах и исправлять ошибки на лету. 👀 Попробовать Coderoll | Frontend

Memoize.js — как управлять кэшем в браузере Memoize.js — современная библиотека для работы с кешированием данных. Она идеально подходит для сохранения результатов API-запросов или временных данных. 👀 Потестить Coderoll | Frontend

Памятка по определению скоупов ответственности в FSD архитектуре Coderoll | Frontend

Feature-Sliced Design (FSD) — архитектура, в которую ты однажды влюбишься Чем больше становится проект, тем сильнее тонет в файлах. Когда папка components имеет 1000+ файлов, а utils — страшнее node_modules, на помощь приходит FSD. 🔥 Зачем это нужно? ✅ Разделяет бизнес-логику и UI ✅ Улучшает масштабируемость ✅ Команды работают независимо ✅ Проект не рассыпается через год 👀 Читать Coderoll | Frontend

❓ Что делает Object.freeze? Object.freeze замораживает объект, т.е нельзя добавить, удалить или изменить свойства Подходит для защиты конфигураций и констант. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 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