React

JSX — расширение синтаксиса JavaScript, позволяющее писать HTML-подобный код в JS-файлах. Компилируется в вызовы React.createElement().

Хуки позволяют использовать состояние и другие функции React в функциональных компонентах. useState, useEffect, useCallback, useMemo и другие.

Virtual DOM — абстракция реального DOM в виде JS-объектов. React использует её для эффективного обновления интерфейса через алгоритм сравнения (reconciliation).

Context предоставляет способ передавать данные через дерево компонентов без явной передачи props на каждом уровне.

Как создать React-проект с нуля: Vite, структура папок, TypeScript, ESLint. Пошаговое руководство по настройке современного React-приложения.

Маршрутизация в React-приложении: React Router v7, nested routes, динамические параметры, guards, lazy loading страниц.

Zustand — минималистичный менеджер состояния для React. Простое глобальное состояние без boilerplate, middleware и провайдеров.

Redux Toolkit (RTK) — официальный набор инструментов для Redux. Создание slices, async thunks, оптимистичные обновления и DevTools.

TanStack Query (React Query) — библиотека для работы с серверными данными: кэширование, автоматическое обновление, optimistic updates, пагинация и infinite scroll.

React Hook Form — производительная библиотека для работы с формами. Регистрация полей, валидация, схемы Zod, обработка ошибок и работа с UI-библиотеками.

Типизация React-компонентов: FC, Props, generics, useState, useRef, useRef typing, event handlers и полезные паттерны.

React Server Components (RSC) — компоненты, которые выполняются на сервере. Когда использовать, чем отличаются от клиентских компонентов, как работают в Next.js.

Next.js: App Router, маршрутизация на основе файлов, SSR, SSG, ISR, layout, loading, error — всё для продакшн React-приложения.

Error Boundaries в React: перехват ошибок рендера, отображение fallback-UI, логирование ошибок и паттерны восстановления.

React Portals позволяют рендерить компоненты за пределами DOM-иерархии родителя. Модальные окна, тосты, тултипы без проблем с z-index и overflow.

React.lazy и Suspense для code splitting: загрузка компонентов по требованию, fallback-UI, lazy-маршруты и Suspense для данных.

Как избежать лишних ре-рендеров в React: React.memo для компонентов, useMemo для вычислений, useCallback для стабильных ссылок на функции.

Практические кастомные хуки React: useDebounce, useLocalStorage, useMedia, useToggle, useFetch и другие полезные паттерны.

Тестирование React-компонентов: рендер, поиск элементов, взаимодействие, моки, асинхронные тесты и покрытие кода.

CSS-in-JS подходы в React: styled-components, Emotion, CSS Modules. Плюсы, минусы, сравнение и когда использовать.

Обзор UI-библиотек для React: Material UI, Ant Design, Shadcn/ui, Radix UI, Mantine. Сравнение, плюсы, минусы и когда какую использовать.