IBS Training Center React Advanced: продвинутые темы
Всё для обучения
Как устроено обучение
О курсе
Подробнее
Освоите продвинутые техники React для интеграции GraphQL, управления состоянием и эффективного тестирования.
Требования
Что нужно для старта
- Опыт разработки на React.
Результат
Что вы получите
- Работать с GraphQL, включая SDL, запросы, директивы, резолверы, подписки, и Apollo.
- Глубоко понимать и эффективно использовать React Hooks, включая продвинутые хуки из React 18 и React 19.
- Управлять состоянием приложений с помощью Redux и Redux Toolkit, включая RTK Query и Middleware.
- Организовывать контекстное взаимодействие компонентов через React Context и использовать React Portal.
- Тестировать React-приложения с использованием snapshot-тестов, react-testing-library, MSW и Cypress.
- Работать с формами через React Hook Form, оптимизируя их создание и обработку.
- Реализовывать SSR (Server-Side Rendering) с Next.js и разделять код для обеспечения производительности.
- Выполнять модульное, интеграционное и E2E-тестирование, оптимизируя процессы и находя уязвимости.
- Использовать современные инструменты для повышения производительности, такие как мемоизация, React Compiler и ленивая загрузка.
Аудитория
Для кого этот курс
- Разработчик
Содержание
12 занятийПрограмма курса
№ТемаЧто внутри
01Работа с GraphQL
• Основные концепции. SDL
• Запросы. Директивы
• Резолверы
• Платформа Apollo
• Apollo Studio
• Apollo Client
• Подписки
02React Hooks
• Жизненный цикл компонентов с хуками
• useState и его правильное использование
• useEffect с debouncing (отложенным выполнением)
• Мемоизация с использованием useMemo, useCallback и useRef
• Распространенные ошибки при использовании useCallback и useMemo
• Хук useImperativeHandle
• Хук useLayoutEffect
• Хуки из React 18: useInsertionEffect, useDeferredValue, useTransition, useSyncExternalStore
• React Compiler в React 19
• Actions в React 19
• Хуки React 19
• Пользовательские хуки в популярных библиотеках
03React Context. React Portal
(теория – 2 ч., домашнее задание – 2 ч.)
04React Query
(теория – 2 ч., домашнее задание – 1 ч.)
05Redux
• Обзор Redux
• Redux DevTools
• Часто задаваемые вопросы и лучшие практики Redux
• Middleware в Redux: как это работает
• Thunk Middleware
• Создание собственного middleware
06Redux Toolkit
• RTK
• Лучшие практики работы с RTK
• Использование reselect в RTK
• RTK Query
07Тестирование React-компонентов
• Snapshot-тестирование
• Библиотека react-testing-library
• Тестирование условного рендеринга
• Тестирование граничных условий
• Асинхронные утилиты
08Mock и интеграционное тестирование
• Mock-тестирование
• Мокирование API-запросов с помощью MSW
• Модульное тестирование Redux-компонента
• Интеграционное тестирование Redux-компонента с редьюсерами
• Тестирование редьюсеров в Redux
• Тестирование RTK Query с использованием MSW
09E2E тестирование с Cypress
• Структура папок Cypress
• Мокирование ответов API
• Обработка ошибок в E2E тестах
• Настройка Cypress с Vite
• Лучшие практики для E2E тестирования
• Производительность
• Измерение времени для выявления медленных тестов
10Формы
• Основные методы работы с формами в React
• React-hook-form
11Разделение кода и ленивая загрузка модулей
(теория – 1 ч., домашнее задание – 1 ч.)
12Рендеринг на стороне сервера (SSR) с NextJS
(теория – 2 ч., домашнее задание – 1 ч.)
01Работа с GraphQL
• Основные концепции. SDL
• Запросы. Директивы
• Резолверы
• Платформа Apollo
• Apollo Studio
• Apollo Client
• Подписки
02React Hooks
• Жизненный цикл компонентов с хуками
• useState и его правильное использование
• useEffect с debouncing (отложенным выполнением)
• Мемоизация с использованием useMemo, useCallback и useRef
• Распространенные ошибки при использовании useCallback и useMemo
• Хук useImperativeHandle
• Хук useLayoutEffect
• Хуки из React 18: useInsertionEffect, useDeferredValue, useTransition, useSyncExternalStore
• React Compiler в React 19
• Actions в React 19
• Хуки React 19
• Пользовательские хуки в популярных библиотеках
03React Context. React Portal
(теория – 2 ч., домашнее задание – 2 ч.)
04React Query
(теория – 2 ч., домашнее задание – 1 ч.)
05Redux
• Обзор Redux
• Redux DevTools
• Часто задаваемые вопросы и лучшие практики Redux
• Middleware в Redux: как это работает
• Thunk Middleware
• Создание собственного middleware
06Redux Toolkit
• RTK
• Лучшие практики работы с RTK
• Использование reselect в RTK
• RTK Query
07Тестирование React-компонентов
• Snapshot-тестирование
• Библиотека react-testing-library
• Тестирование условного рендеринга
• Тестирование граничных условий
• Асинхронные утилиты
08Mock и интеграционное тестирование
• Mock-тестирование
• Мокирование API-запросов с помощью MSW
• Модульное тестирование Redux-компонента
• Интеграционное тестирование Redux-компонента с редьюсерами
• Тестирование редьюсеров в Redux
• Тестирование RTK Query с использованием MSW
09E2E тестирование с Cypress
• Структура папок Cypress
• Мокирование ответов API
• Обработка ошибок в E2E тестах
• Настройка Cypress с Vite
• Лучшие практики для E2E тестирования
• Производительность
• Измерение времени для выявления медленных тестов
10Формы
• Основные методы работы с формами в React
• React-hook-form
11Разделение кода и ленивая загрузка модулей
(теория – 1 ч., домашнее задание – 1 ч.)
12Рендеринг на стороне сервера (SSR) с NextJS
(теория – 2 ч., домашнее задание – 1 ч.)
Документ после выпуска
Удостоверение о прохождении
Организатор
Автор курса
Мнения учеников
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «React Advanced: продвинутые темы» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Направления:React
Информация обновлена 7 сентября 2026 г.
Продолжить выбор
