React Advanced: продвинутые темы

Программа курса

Ознакомьтесь с программой курса «React Advanced: продвинутые темы» от Учебный центр IBS - ibs-training.ru

1. Работа с GraphQL. Основные концепции. SDL Запросы. Директивы Резолверы Платформа Apollo Apollo Studio Apollo Client Подписки (теория – 8 ч., домашнее задание – 4 ч.).
2. React Hooks. Жизненный цикл компонентов с хуками useState и его правильное использование useEffect с debouncing (отложенным выполнением) Мемоизация с использованием useMemo, useCallback и useRef Распространенные ошибки при использовании useCallback и useMemo…
3. React Context. React Portal. (теория – 2 ч., домашнее задание – 2 ч.).
4. React Query. (теория – 2 ч., домашнее задание – 1 ч.).
5. Redux. Обзор Redux Redux DevTools Часто задаваемые вопросы и лучшие практики Redux Middleware в Redux: как это работает Thunk Middleware Создание собственного middleware (теория – 3 ч.).
6. Redux Toolkit. RTK Лучшие практики работы с RTK Использование reselect в RTK RTK Query (теория – 3 ч., домашнее задание – 1 ч.).
7. Тестирование React-компонентов. Snapshot-тестирование Библиотека react-testing-library Тестирование условного рендеринга Тестирование граничных условий Асинхронные утилиты (теория – 3 ч., домашнее задание – 1 ч.).
8. Mock и интеграционное тестирование. Mock-тестирование Мокирование API-запросов с помощью MSW Модульное тестирование Redux-компонента Интеграционное тестирование Redux-компонента с редьюсерами Тестирование редьюсеров в Redux Тестирование RTK Query с использова…
9. E2E тестирование с Cypress. Структура папок Cypress Мокирование ответов API Обработка ошибок в E2E тестах Настройка Cypress с Vite Лучшие практики для E2E тестирования Производительность Измерение времени для выявления медленных тестов (теория – 2 ч., домашне…
10. Формы. Основные методы работы с формами в React React-hook-form (теория – 1 ч., домашнее задание – 1 ч.).
11. Разделение кода и ленивая загрузка модулей. (теория – 1 ч., домашнее задание – 1 ч.).
12. Рендеринг на стороне сервера (SSR) с NextJS. (теория – 2 ч., домашнее задание – 1 ч.).
13. Итого на курс: 36 часов (100%) теоретических занятий и 20 часов (56%) для выполнения домашних работ, которые не входят в основное расписание.

Чему вы научитесь

• Научитесь настраивать и организовывать: e2e тестирование с cypress. структура папок cypress мокирование ответов api обработка ошибок в e2e тестах настройка cypress с vite лучшие практики для e2e тестирования производи…
• Освоите и сможете применять: mock и интеграционное тестирование. mock тестирование мокирование api запросов с помощью msw модульное тестирование redux компонента интеграционное тестирование redux компонента с редьюсер…
• Освоите и сможете применять: итого на курс 36 часов (100%) теоретических занятий и 20 часов (56%) для выполнения домашних работ, которые не входят в основное расписание.
• Освоите основы: redux. обзор redux redux devtools часто задаваемые вопросы и лучшие практики redux middleware в redux как это работает thunk middleware создание собственного middleware (теория 3 ч.).
• Освоите основы: работа с graphql. основные концепции. sdl запросы. директивы резолверы платформа apollo apollo studio apollo client подписки (теория 8 ч., домашнее задание 4 ч.).