О чём курс

Этот продвинутый курс по React предназначен для опытных разработчиков, стремящихся углубить свои знания в React. Вы сможете разобраться в таких темах, как GraphQL, React Portals, Context API, управление состоянием с помощью Redux и Redux Toolkit, а также взаимодействие с серверами с использованием Thunk, React Query или RTK Query. Программа обучения охватывает всесторонние стратегии тестирования, включая модульное, интеграционное и E2E-тестирование, оптимизацию производительности с помощью мемоизации и React 19 Compiler, сложную обработку форм, Server-Side Rendering (SSR), продвинутые хуки React из React 18 и 19, а также разделение кода и ленивую загрузку.

Цели

Освоить продвинутые технологии использования React и отработать практику их применения.

Целевая аудитория

  • Углубить знания опытных разработчиков в React, сосредоточив внимание на современных методах управления состоянием, тестирования и оптимизации.
  • Обучить новейшим фичам React 18 и 19, включая новые хуки и инструменты, такие как React Compiler.
  • Познакомить с тестированием приложений на всех уровнях: от модульного до end-to-end.
  • Подготовить участников к разработке высокопроизводительных, масштабируемых и поддерживаемых приложений.
  • Предварительная подготовка

    Опыт разработки на React.

    Для кого

    Разработчик Разработчик

    Улучшаемые навыки

    Оптимизация производительности приложений
    Контекст API и управление состоянием
    Создание пользовательских хуков
    Работа с React Router
    Интеграция с внешними API и обработка данных

    Расписание курсов

    03.03.2025 - 18.03.2025

    10:30-13:30
    Дата и время:
    03.03.2025-18.03.2025
    10:30-13:30

    Senior 36 часов

    54 900 ₽

    49 410 ₽ — для физ. лиц

    Темы курса

    01 Работа с GraphQL
  • Основные концепции. SDL
  • Запросы. Директивы
  • Резолверы
  • Платформа Apollo
  • Apollo Studio
  • Apollo Client
  • Подписки
  • (теория – 8 ч., домашнее задание – 4 ч.)
    02 React 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
  • Пользовательские хуки в популярных библиотеках
  • (теория – 6 ч., домашнее задание – 2 ч.)
    03 React Context. React Portal
    (теория – 2 ч., домашнее задание – 2 ч.)
    04 React Query
    (теория – 2 ч., домашнее задание – 1 ч.)
    05 Redux
  • Обзор Redux
  • Redux DevTools
  • Часто задаваемые вопросы и лучшие практики Redux
  • Middleware в Redux: как это работает
  • Thunk Middleware
  • Создание собственного middleware
  • (теория – 3 ч.)
    06 Redux Toolkit
  • RTK
  • Лучшие практики работы с RTK
  • Использование reselect в RTK
  • RTK Query
  • (теория – 3 ч., домашнее задание – 1 ч.)
    07 Тестирование React-компонентов
  • Snapshot-тестирование
  • Библиотека react-testing-library
  • Тестирование условного рендеринга
  • Тестирование граничных условий
  • Асинхронные утилиты
  • (теория – 3 ч., домашнее задание – 1 ч.)
    08 Mock и интеграционное тестирование
  • Mock-тестирование
  • Мокирование API-запросов с помощью MSW
  • Модульное тестирование Redux-компонента
  • Интеграционное тестирование Redux-компонента с редьюсерами
  • Тестирование редьюсеров в Redux
  • Тестирование RTK Query с использованием MSW
  • (теория – 3 ч., домашнее задание – 1 ч.)
    09 E2E тестирование с Cypress
  • Структура папок Cypress
  • Мокирование ответов API
  • Обработка ошибок в E2E тестах
  • Настройка Cypress с Vite
  • Лучшие практики для E2E тестирования
  • Производительность
  • Измерение времени для выявления медленных тестов
  • (теория – 2 ч., домашнее задание – 1 ч.)
    10 Формы
  • Основные методы работы с формами в React
  • React-hook-form
  • (теория – 1 ч., домашнее задание – 1 ч.)
    11 Разделение кода и ленивая загрузка модулей
    (теория – 1 ч., домашнее задание – 1 ч.)
    12 Рендеринг на стороне сервера (SSR) с NextJS
    (теория – 2 ч., домашнее задание – 1 ч.)
    13 Итого на курс: 36 часов (100%) теоретических занятий и 20 часов (56%) для выполнения домашних работ, которые не входят в основное расписание.

    54 900 ₽

    49 410 ₽ — для физ. лиц

    Записаться на курс

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

    01 Работать с GraphQL, включая SDL, запросы, директивы, резолверы, подписки, и Apollo.
    02 Глубоко понимать и эффективно использовать React Hooks, включая продвинутые хуки из React 18 и React 19.
    03 Управлять состоянием приложений с помощью Redux и Redux Toolkit, включая RTK Query и Middleware.
    04 Организовывать контекстное взаимодействие компонентов через React Context и использовать React Portal.
    05 Тестировать React-приложения с использованием snapshot-тестов, react-testing-library, MSW и Cypress.

    Ведущий курса

    Андрей

    Луговской Андрей

    54 900 ₽

    49 410 ₽ — для физ. лиц

    Записаться на курс

    Записаться на курс

    54 900 ₽

    49 410 ₽ — для физ. лиц

    Юр. лицо — 54 900 ₽
    Физ. лицо — 49 410 ₽
    03.03.2025, Онлайн
    03.03.2025, Онлайн
    Открытая дата

    Отзывы о курсе

    Повысьте квалификацию И получите диплом
    Отзывы учеников
    Здравствуйте! Курс понравился, особенно практики и общение с другими участниками. Понравилось, что курс включает в себя знакомство с практиками React-программирования и современной Frontend-разработки.
    Давно работаю с React Advanced, но в итоге я понял, что мне еще есть чему поучиться 😊 радует, что это продвинутый курс, который включает в себя самые актуальные темы. Теперь я немного лучше разобрался по работе с хуками.
    Курс, как всегда, на высоте. Много теории, практики, тренер отвечает на вопросы и помогает выполнять задания. Самым интересным для меня было изучение WebSocket, как правильно формировать структуру приложения (Наименование папок). webpack, babel и создание своего boilerplate React с нуля. Добавил бы раздел про построение микрофронтендовой платформы, чтобы курс был еще лучше!)

    Связанные курсы

    WEB-012
    30 часов

    Разработка на React

    В курсе изучается JavaScript-библиотека React.js, а также библиотека Redux для управления состоянием приложения.

    от Middle

    42 900 ₽

    Наши ученики работают в:

    Наши клиенты

    Mail.ru
    Альфа-Банк, банковская группа
    Лаборатория Касперского
    Магнит, розничная сеть
    Спортмастер, сеть спортивных магазинов
    ПСБ
    Сбертех
    Дзен
    IT One
    Ростелеком
    Мегафон
    Nexign
    Ozon
    Декатлон
    X5 Group
    Технониколь
    Росатом
    Газпром
    Нлмк
    ВСК
    Синимекс

    Не нашли, что искали? — Просто напишите, и мы поможем

    Продолжая, я подтверждаю, что ознакомлен с Условиями использования и Порядком обработки персональных данных
    Корпоративное обучение Оценка персонала Сертификация О нас Стань тренером Блог
    Пользователь только что записался на курс ""
    Спасибо!
    Форма отправлена успешно.