Перейти к содержимому
обсудить проект

блог

React

frontend, Next.js, тесты и оптимизация

React

JSDoc и Storybook: всё, что нужно знать для документации фронтенда

Обзор JSDoc и Storybook — двух подходов к документированию фронтенд-кода. Покажем, как с их помощью оформлять документацию к функциям, типам и UI-компонентам, а также когда лучше использовать каждый инструмент.

React

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

Настройка Jest и React Testing Library для React/Next.js проектов: установка, конфигурация TypeScript/Babel, обработка статических файлов. Готовые конфиги для production и решение типичных проблем.

React

Настройка ESLint и Prettier в Next.js и TypeScript: полный гайд по линтингу и форматированию кода

В данной статье мы рассмотрим пошаговую настройку ESLint и Prettier на примере нашего веб-приложения

React

SEO в Next.js: правильная настройка для поисковой видимости

Руководство по SEO в Next.js: от базовых метатегов до автоматической генерации sitemap и JSON-LD — для разработчиков, техлидов и SEO-экспертов.

React

Оптимизация React: меньше ререндеров, быстрее INP и меньше JS на старте

Практический разбор оптимизации React: Core Web Vitals, Profiler, причины ререндеров и рабочие приёмы

React

Чистый код в React: принципы для читаемых и расширяемых компонентов

Разбираем практики чистого кода в React: вынос списков в компоненты, утилиты за пределы компонентов, деструктуризация пропсов, именованные условия, упрощение доступа к вложенным данным и отказ от магических чисел.

React

Практичный FSD: слои, страницы и правила миграции кода

Рассказываем, как адаптировали Feature-Sliced Design под реальный проект

React

CSS Modules или CSS-in-JS в 2026: сравнение производительности, SSR и бандла

Сравниваем CSS Modules, runtime и zero-runtime CSS-in-JS: различия, влияние на производительность, SSR и размер бандла. Практический разбор и выбор подхода.