Контекст и контейнерные компоненты

Продолжаем путь к совершенству нашего приложения. Сегодня решим проблему каскадной передачи состояния и экшенов в виде props-ов через всё дерево компонентов. Напишем тесты и оценим сложность работы с хранилищем. Введём понятие презентационных и контейнерных компонентов. Перейдём на передачу состояния через контекст React.

  • 00:01:55 - Разделение стейта
  • 00:03:57 - Неудобство обилия аргументов
  • 00:05:31 - Перенос состояния в компоненты
  • 00:09:46 - Тесты с Mocha и Chai
  • 00:11:47 - Тестирование React-компонентов
  • 00:17:38 - Контейнерные и презентационные компоненты
  • 00:19:55 - Контейнер для лотов
  • 00:23:43 - Создание контекста
  • 00:24:52 - Передача значения через Provider
  • 00:25:32 - Получение значения через Consumer
  • 00:27:09 - Обзор результата
  • 00:30:24 - Проблема дублирования кода

А в следующем эпизоде обобщим процесс подключения компонентов к состоянию, чтобы избавиться от копирования повторяющегося кода.

Скрытый контент
Комментарии (3)
Arunas

Спасибо.

Ответить
Александр Кулик

Супер.

Ответить
Денис

Спасибо

Ответить
Зарегистрируйтесь или войдите чтобы оставить комментарий