React

Раздел охватывает всё, что нужно для уверенной работы с React: фазы рендеринга, хуки, события, мемоизацию, Suspense, конкурентный режим и внутреннее устройство Fiber.

17 статей 128 вопросов

Начни с базы

Основы React: компоненты, JSX, props и state

Фундамент React для начинающих: что такое React, виртуальный DOM, JSX, компоненты, props, state, обработка событий, условный рендеринг и списки. Всё, что нужно знать перед изучением хуков и продвинутых паттернов.

6 вопросов

Хуки React: useState, useEffect, useReducer и пользовательские хуки

Фундаментальная концепция React для работы с состоянием, побочными эффектами и контекстом в функциональных компонентах. Разбор ключевых встроенных хуков, правил вызова и типичных ошибок.

8 вопросов

useEffect: побочные эффекты, зависимости и cleanup

Хук для побочных эффектов в React: API-запросы, подписки, работа с DOM, таймеры. Механика работы, массив зависимостей, cleanup-функция, сравнение с useLayoutEffect и Vue-аналогами.

8 вопросов

useContext — передача данных через дерево компонентов

Хук для чтения данных из Context без prop drilling. Создание контекста, оптимизация рендеров, связка с useReducer, сравнение с Zustand и Redux, замена на use() в React 19.

8 вопросов

Порядок рендеринга компонентов и вызова хуков в React

Порядок рендеринга сверху вниз, вызов хуков по порядку написания, эффекты снизу вверх. Render Phase, Commit Phase, StrictMode и практические следствия для предсказуемого кода.

7 вопросов

Углубись в детали

Error Boundary в React

Механизм перехвата ошибок рендеринга в дереве компонентов, логирования и отображения fallback UI. Нативная реализация через класс, библиотека react-error-boundary и практические паттерны.

7 вопросов

Синтетические события в React

Кросс-браузерная обёртка React над нативными DOM-событиями с единым API. Делегирование событий, эволюция от React 16 до 17+, приоритеты в Concurrent Mode и отличия от Vue.

8 вопросов

Мемоизация в React: useMemo, useCallback и React.memo

Три механизма оптимизации производительности — useMemo, useCallback и React.memo — избегают повторных вычислений и ререндеров. Типичные ошибки, цепочка мемоизации и React Compiler.

8 вопросов

Suspense: декларативная загрузка, потоковый SSR и хук use()

Компонент React для декларативного управления состоянием загрузки. Механика throw-promise, вложенные границы, потоковый SSR, интеграция с Error Boundaries и эволюция от React 16 до 19.2.

8 вопросов

HOC: паттерн обёрток, композиция и сравнение с хуками

Higher-Order Component — классический паттерн React для переиспользования логики. Функция, принимающая компонент и возвращающая новый. Реальные примеры, композиция, подводные камни и сравнение с хуками.

7 вопросов

useTransition и useDeferredValue — управление приоритетами в Concurrent Mode

Хуки useTransition и useDeferredValue из React 18 дают явный контроль над приоритетами рендеринга. Разбор конкурентного режима, уровней приоритета и практических паттернов.

8 вопросов

React

Начни с базы

Основы React: компоненты, JSX, props и state

Хуки React: useState, useEffect, useReducer и пользовательские хуки

useEffect: побочные эффекты, зависимости и cleanup

useContext — передача данных через дерево компонентов

Порядок рендеринга компонентов и вызова хуков в React

Углубись в детали

Error Boundary в React

Синтетические события в React

Мемоизация в React: useMemo, useCallback и React.memo

Suspense: декларативная загрузка, потоковый SSR и хук use()

HOC: паттерн обёрток, композиция и сравнение с хуками

useTransition и useDeferredValue — управление приоритетами в Concurrent Mode

Не будет лишним

Fiber: архитектура согласования, приоритеты и фазы рендеринга

Хук use(): разворачивание Promise и Context в React 19

useImperativeHandle: императивный API компонента через ref

defaultProps и propTypes в React

Preact: лёгкая альтернатива React

React Native для React-разработчиков