О чём курс
Курс для опытных React-разработчиков. Вы освоите GraphQL и Apollo Client, React Portal и React Context, работу с сайд-эффектами в Redux с использованием redux-saga и redux-observable, тестирование Redux, React хуков и компонентов, работу с формами с помощью библиотек Formik и react-hook-form, концепции CI/CD и контейнеризация, библиотеки для работы с большими проектами Lerna и Rush, продвинутые темы использования хуков,
динамический импорт и ленивую загрузку кода.
Цели
Освоить продвинутые технологии использования React и отработать практику их применения.
Целевая аудитория
Разработчики React.
Предварительная подготовка
Опыт разработки на React.
Для кого
Разработчик
Улучшаемые навыки
Оптимизация производительности приложений
Контекст API и управление состоянием
Создание пользовательских хуков
Работа с React Router
Интеграция с внешними API и обработка данных
Темы курса
01
Продвинутые темы React hooks (теория – 3 ч, домашнее задание – 2 ч.)
- Жизненный цикл компонента при использовании хуков
-
Мемоизация
-
useContext, useEffect
-
useMemo, useCallback и useRef
-
useImperativeHandle
-
useLayoutEffect
-
Кастомные хуки в популярных библиотеках
02
React Portal. React Context (теория – 2 ч., домашнее задание – 2 ч.)
⠀
03
Работа с side-effects в Redux (теория – 8 ч., домашнее задание – 3 ч.)
- Redux-saga
-
Redux-observable
04
Тестирование (теория – 8 ч., домашнее задание – 3 ч.)
- Testing-library-dom
-
Testing Redux
-
Testing hooks
-
E2E тестирование
05
Формы (теория – 3 ч., домашнее задание – 2 ч.)
06
Lerna/Rush для больших проектов (теория – 2 ч., домашнее задание – 1 ч.)
- Manyrepo и Monorepo
-
Monorepo with Lerna
-
Monorepo with Rush
-
PNPM package manager
07
Разделение кода. Ленивая загрузка. (теория – 1 ч., домашнее задание – 1 ч.)
⠀
08
CI/CD для фронтэнда (теория – 1 ч.)
⠀
09
Работа с GraphQL (теория – 8 ч., домашнее задание – 4 ч.)
- Ключевые концепции. SDL
-
Запросы. Директивы.
-
Резолверы
-
Платформа Apollo
-
Apollo студия
-
Apollo клиент
-
Управление состояниями
-
Подписки
-
Apollo CLI
10
Итого: теория – 36 ч., практика – домашняя работа +20 ч.
Чему вы научитесь
01
Научитесь методам оптимизации производительности React-приложений
02
Освоите использование Context API для управления глобальным состоянием приложения
03
Научитесь создавать пользовательские хуки для повторного использования логики состояния и эффектов
04
Освоите продвинутые техники маршрутизации с использованием React Router, включая вложенные маршруты, динамические маршруты и управление навигацией
05
Научитесь эффективно интегрировать React-приложения с внешними API
Ведущий курса