Библиотеки и плагины
Zustand — управление состоянием в React
Полное руководство по Zustand — минималистичной библиотеке управления состоянием для React. Установка, создание стора, middleware, TypeScript, сравнение с...
Zod - валидация с TypeScript
Полное руководство по Zod — TypeScript-first библиотеке валидации схем. Парсинг данных, вывод типов, интеграция с React Hook Form, Express и tRPC
Yup - валидация схем
Полное руководство по Yup — библиотеке валидации схем для JavaScript. Создание схем, валидация форм, кастомные правила, интеграция с Formik и React Hook Form
XState - конечные автоматы
Полное руководство по XState — библиотеке конечных автоматов для JavaScript и React. Машины состояний, statecharts, акторы, TypeScript и интеграция с React...
Темизация в React
Полное руководство по темизации React-приложений. Контекст, CSS переменные, Styled Components ThemeProvider, хранение темы и переключение между светлой и...
Тестирование хуков
Как тестировать React хуки с помощью renderHook и @testing-library/react. Тестирование useState, useEffect и кастомных хуков
Tailwind CSS с React
Полное руководство по использованию Tailwind CSS в React-приложениях. Утилитарные классы, условные стили, компонентный подход, кастомизация и лучшие практики
SWR - библиотека для запросов
Полное руководство по SWR: useSWR, fetcher, мутации, pagination и стратегия stale-while-revalidate в React приложениях
Styled Components — стилизация через JS
Полное руководство по Styled Components — библиотеке CSS-in-JS для React. Создание стилизованных компонентов, динамические стили, темизация,...
Storybook - документация компонентов
Как настроить и использовать Storybook в React проекте. Написание Stories, документирование компонентов, аддоны, тестирование и интеграция с TypeScript
Snapshots тестирование
Полное руководство по snapshot тестированию в React: создание снэпшотов, обновление, inline snapshots и best practices
RTK Query - работа с API
Полное руководство по RTK Query: createApi, fetchBaseQuery, queries, mutations, кэширование, инвалидация тегов, оптимистичные обновления, пагинация,...
Redux Toolkit - современный Redux
Полное руководство по Redux Toolkit — официальному набору инструментов для Redux. createSlice, createAsyncThunk, configureStore, RTK Query, TypeScript и...
Recoil — библиотека управления состоянием от Facebook
Полное руководство по Recoil — атомарному менеджеру состояния для React от Facebook. Atoms, selectors, хуки, асинхронные запросы, отладка и лучшие практики
Виртуализация списков с react-window: как отображать тысячи элементов без лагов
Полное руководство по react-window: FixedSizeList, VariableSizeList, FixedSizeGrid, бесконечная прокрутка, интеграция с react-virtualized-auto-sizer....
React Toastify - уведомления в React
Полное руководство по react-toastify: установка, типы уведомлений, настройка позиции и анимации, кастомизация, promise toast, очереди и продвинутые примеры
React Testing Library
Полное руководство по React Testing Library: установка, основные методы, запросы, примеры тестирования компонентов
Создание таблиц в React гайд по react-table
Подробная статья о создании таблиц в React с помощью react table - обзор возможностей, примеры реализации, настройка сортировки и фильтрации, ответы на...
React Spring - анимации
Полное руководство по React Spring: useSpring, useTrail, useTransition, физические анимации и gesture взаимодействия
Работа с формами и селектами в React
Узнайте как в React грамотно реализовать обработку форм и элементов select - с примерами кода и объяснениями controlled и uncontrolled компонентов
React Query (TanStack Query) - работа с сервером
Полное руководство по TanStack Query: useQuery, useMutation, кеширование, инвалидация данных и оптимистичные обновления
Плагины в React что это и как их использовать
Плагины в React помогают расширять функциональность приложения без модификации ядра - смотрите, что это такое, когда нужны и как интегрировать их в проекты
React PDF - работа с PDF файлами
Полное руководство по react-pdf и @react-pdf/renderer: отображение PDF в браузере, генерация PDF-документов из React-компонентов, настройка страниц,...
Обзор популярных библиотек для React
В этом обзоре рассмотрим лучшие библиотеки для React - от менеджеров состояний до UI-компонентов и инструментов тестирования, с примерами и практическими...
React Icons - библиотека иконок для React
Полное руководство по react-icons: установка, использование FontAwesome, Material Design, Bootstrap Icons, настройка размера и цвета, IconContext,...
React Hook Form — валидация форм в React
React Hook Form — установка, useForm, register, handleSubmit, Controller, валидация с Zod. Замена Formik. Примеры с TypeScript и React.
React Dropzone — загрузка файлов
Полное руководство по react-dropzone: установка, useDropzone хук, настройка параметров, валидация файлов, загрузка на сервер с прогрессом и стилизация
Подключение Bootstrap к React-приложению
Полное руководство по подключению Bootstrap к React-приложению - пошаговая интеграция, примеры кода, работа с компонентами и настройкой темизации
React Beautiful DnD - перетаскивание элементов
Полное руководство по react-beautiful-dnd: установка, настройка drag and drop, вертикальные и горизонтальные списки, перетаскивание между контейнерами,...
Анимация при монтировании компонентов в React
Узнайте, как добавить анимацию при монтировании и размонтировании компонентов в React с помощью react-transition-group, CSS-переходов и хуков useEffect
Мокирование API
Как мокировать API запросы в тестах React с помощью jest.mock, jest.spyOn и Mock Service Worker (MSW)
MobX — реактивное управление состоянием в React
Полное руководство по MobX — библиотеке реактивного управления состоянием для React. Observable, action, computed, reaction, интеграция с React, сравнение с...
Микрофронтенды с React (micro-frontends)
Полное руководство по микрофронтендам с React. Module Federation, iframes, Web Components, коммуникация, роутинг, шаринг зависимостей и best practices с...
Загрузка и индикаторы
Как реализовать индикаторы загрузки в React: спиннеры, skeleton loading, Suspense, progress bar и оптимистичные обновления
Анимация списков в React
Полное руководство по анимации списков в React с помощью компонента TransitionGroup из библиотеки react-transition-group. Примеры добавления и удаления...
Jotai - атомарное состояние
Полное руководство по Jotai — атомарной библиотеке управления состоянием для React. Атомы, производные атомы, async-атомы, TypeScript, сравнение с Recoil и...
Бесконечная прокрутка
Как реализовать infinite scroll в React: Intersection Observer, react-infinite-scroll-component, useInfiniteQuery и виртуализация списков
Framer Motion - библиотека анимаций
Полное руководство по Framer Motion: motion компоненты, variants, AnimatePresence, жесты, layout анимации и scroll эффекты
Emotion — библиотека CSS-in-JS
Полное руководство по Emotion — высокопроизводительной библиотеке CSS-in-JS. Установка, css prop, styled API, серверный рендеринг, темизация и TypeScript
Динамические стили в React
Все способы создания динамических стилей в React: inline styles, CSS переменные, CSS-in-JS, условные классы, анимации на основе состояния и лучшие практики
E2E тестирование с Cypress
Как настроить и использовать Cypress для E2E тестирования React приложений. Команды, мокирование API, CI/CD интеграция
CSSTransition - переходы
Полное руководство по CSSTransition из react-transition-group: установка, classNames, lifecycle-коллбэки, TransitionGroup, SwitchTransition и анимации...
CSS-in-JS — плюсы и минусы
Объективный анализ CSS-in-JS: преимущества и недостатки подхода, сравнение с CSS-модулями и Tailwind, производительность, когда стоит использовать и когда...
Контекст vs Redux — когда что использовать
Подробное сравнение React Context API и Redux. Разбираем производительность, масштабируемость, инструменты разработки и практические сценарии — когда...
Использование Chart.js в React
Руководство по внедрению Chart.js в React - подключение библиотек, примеры кода, управление интерактивностью, обновление и оптимизация графиков
Axios с React
Полное руководство по использованию Axios в React: GET/POST запросы, interceptors, отмена запросов и TypeScript типизация