Что есть React: Пишем свой UI-фреймворк

Принципы работы интерактивных UI-фреймворков. Исследование MVC-фреймворков на примере написания клона экосистемы по примеру React и Redux.

Подробнее в нашем анонсе в блоге.

Free30:41
Переход от классического серверного рендеринга HTML-страниц на построение DOM через JavaScript. Отделение данных от представления.
Free47:07
Добавление динамики. Сложность изменения страницы при изменении состояния. Однонаправленный поток данных и иммутабельный перерендер страницы.
Free41:57
Оптимизация производительности перерендера страниц. Концепция виртуального DOM. Синхронизация реального дерева с виртуальным.
38:07
Отход от стандартных Node-элементов к структурам для построения виртуального DOM. Перевод на декларативный JSON-формат описания UI.
38:25
Добавление фабрики компонентов для упрощения разработки. Подключение Babel. Внедрение HTML-подобного синтаксиса JSX для написания компонентов.
25:51
Инкапсуляция состояния в объект-хранилище. Реализация автоматического рендеринга через подписку на изменение состояния.
33:37
Добавление новых действий к объекту хранилища через систему плагинов-редьюсеров. Диспетчеризация действий. Фабрики-создатели действий. Подключение Redux.
38:15
Добавление интерактивных элементов. Организация однонаправленного потока управления Flux. Анализ паттерна Model-View-Controller.
31:08
Проблема каскадного проброса состояния. Использование контекстов для передачи состояния внутренним компонентам. Выделение контейнерных компонентов.
53:55
Унификация привязки состояния и действий к свойствам компонента. Автоматизация мэппинга через коннектор. Подключение React-Redux. Асинхронные экшены через Thunk.
1:12:28
Размещение локального состояния внутри классовых и функциональных компонентов. Использование хуков для экономии кода.
1:55:41
Динамическая смена контента. Написание компонента Router для эмуляции многостраничности через использование хэшэй и History API браузера.