
WEB-023 React Advanced: продвинутые темы
Начало: По мере набора группы
Длительность: 1 неделя
СертификатОнлайн
Описание курса
Освойте продвинутые техники React для интеграции GraphQL, управления состоянием и эффективного тестирования.
- Основные концепции.
- SDL.
- Запросы.
- Директивы.
- Резолверы.
- Платформа Apollo.
- Apollo Studio.
- Apollo Client.
- Подписки (теория – 8 ч., домашнее задание – 4 ч.).
- Жизненный цикл компонентов с хуками.
- 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.
- Пользовательские хуки в популярных библиотеках (теория – 6 ч., домашнее задание – 2 ч.).
- Обзор Redux.
- Redux DevTools.
- Часто задаваемые вопросы и лучшие практики Redux.
- Middleware в Redux: как это работает.
- Thunk Middleware.
- Создание собственного middleware (теория – 3 ч.).
- RTK.
- Лучшие практики работы с RTK.
- Использование reselect в RTK.
- RTK Query (теория – 3 ч., домашнее задание – 1 ч.).
- Snapshot-тестирование.
- Библиотека react-testing-library.
- Тестирование условного рендеринга.
- Тестирование граничных условий.
- Асинхронные утилиты (теория – 3 ч., домашнее задание – 1 ч.).
- Mock-тестирование.
- Мокирование API-запросов с помощью MSW.
- Модульное тестирование Redux-компонента.
- Интеграционное тестирование Redux-компонента с редьюсерами.
- Тестирование редьюсеров в Redux.
- Тестирование RTK Query с использованием MSW (теория – 3 ч., домашнее задание – 1 ч.).
- Структура папок Cypress.
- Мокирование ответов API.
- Обработка ошибок в E2E тестах.
- Настройка Cypress с Vite.
- Лучшие практики для E2E тестирования.
- Производительность.
- Измерение времени для выявления медленных тестов (теория – 2 ч., домашнее задание – 1 ч.).
- Основные методы работы с формами в React.
- React-hook-form (теория – 1 ч., домашнее задание – 1 ч.).