Материалы по теме Frontend

⚗️ Настройка Jest и React Testing Library: пошаговое руководство для React и Next.js проектов

В этой статье мы подробно рассмотрим процесс настройки среды unit-тестирования веб-приложений на базе React и Next.js с использованием Jest и React Testing Library. Расскажем об установке необходимых зависимостей, создании конфигурационных файлов, настройке Babel и TypeScript, подключении SCSS и SVG, а также организации структуры проекта. Особое внимание уделено специфике настройки Jest в среде Next.js. Материал будет полезен для frontend-разработчиков и команд разработки, которые работают с React или Next.js проектами и хотят внедрить качественное unit-тестирование.
91

🆚 Vite или Webpack: гид по выбору идеального сборщика

Пока мы настраивали конфиги Webpack, появился Vite и показал: можно работать быстрее. Мгновенный старт, горячая перезагрузка без тормозов, минимум настроек. Но означает ли это смерть Webpack? Разбираем плюсы и минусы каждого подхода.
282

💻🛠️🚀 Оптимизируй фронтенд: 24 проверенных способа

Производительность фронтенда напрямую влияет на впечатление от вашего проекта: даже самый крутой дизайн и интересный контент не удержат пользователя, если страница тормозит или беспощадно грузит браузер. В этом материале мы разберем проверенные подходы, которые помогут приложению летать на любых устройствах.
943

🤷🏻‍♂️ Как избежать ошибок при использовании useEffect в React?

Почему дочерние эффекты выполняются раньше родительских? Как архитектура React Fiber влияет на порядок вызова хуков? Ответы на эти вопросы помогут лучше понять механизмы работы React и писать более предсказуемый код.
1222

💧📈 Гидратация в React 19: новые подходы и секреты оптимизации

До выхода React 19 процесс гидратации был далеко не идеален: проблемы с производительностью, избыточное выполнение JavaScript и задержки в интерактивности мешали разработчикам создавать быстрые и отзывчивые приложения. В React 19 были введены важные улучшения, которые значительно повышают эффективность гидратации и снижают время загрузки страниц. Разбираем новые подходы на практических примерах.
648

🧙‍♂️⚛️🚀 Как ускорить React на 300%: реальный кейс

Виртуальный DOM React – мощный инструмент, но не волшебная палочка. Если не следить за рендерингом компонентов, можно легко превратить быстрое приложение в неповоротливого монстра. Многие сталкиваются с этим, но не всегда понимают причину. Эта статья поможет выявить и устранить узкие места в производительности React-приложений, используя реальные кейсы, практические примеры и эффективные инструменты для оптимизации.
1072

🫠 Утечки памяти в JavaScript: причины и способы устранения

Утечка памяти – один из самых коварных багов, способный превратить простое приложение в неповоротливого монстра. В этой статье мы разберем основные причины утечек памяти в JavaScript и научимся их эффективно предотвращать.
935

⚛️ 5 хаков React, о которых не знают новички

React.js – мощная библиотека для создания пользовательских интерфейсов, но многие начинающие разработчики не используют его на полную силу. В этой статье разберем 5 полезных хаков, которые помогут вам писать более чистый, производительный и удобный в поддержке код.
1034