Что есть React на примере UI-фреймворка

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

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

Переход от классического серверного рендеринга HTML-страниц на построение DOM через JavaScript. Отделение данных от представления.
Добавление динамики. Сложность изменения страницы при изменении состояния. Однонаправленный поток данных и иммутабельный перерендер страницы.
Оптимизация производительности перерендера страниц. Концепция виртуального DOM. Синхронизация реального дерева с виртуальным.
Отход от стандартных Node-элементов к структурам для построения виртуального DOM. Перевод на декларативный JSON-формат описания UI.
Добавление фабрики компонентов для упрощения разработки. Подключение Babel. Внедрение HTML-подобного синтаксиса JSX для написания компонентов.
Скоро
6 Хранилище состояния и подписка
Инкапсуляция состояния в объект-хранилище. Реализация автоматического рендеринга через подписку на изменение состояния.
Скоро
7 Диспетчер и экшены Redux
Добавление новых действий к объекту хранилища через систему плагинов-редьюсеров. Диспетчеризация действий. Фабрики-создатели действий.
Скоро
8 Интерактив и MVC
Добавление интерактивных элементов. Организация однонаправленного потока управления по паттерну Model-View-Controller.
Скоро
9 Контекст и контейнерные компоненты
Проблема каскадного проброса состояния. Использование контекстов для передачи состояния внутренним компонентам. Выделение контейнерных компонентов.
Скоро
10 Привязка состояния и ReactRedux
Унификация привязки состояния и действий к свойствам компонента. Автоматизация мэппинга через коннектор. Подключение ReactRedux.
Скоро
11 Локальное состояние и хуки
Размещение локального состояния внутри классовых и функциональных компонентов. Использование хуков для экономии кода.