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

Продолжаем путь к совершенству нашего приложения. Сегодня решим проблему каскадной передачи состояния и экшенов в виде 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 - Проблема дублирования кода

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