Динамика и иммутабельный flow

Наше приложение мы успешно сверстали. Но оно пока не делает ничего интересного. Исправим это.

Сделаем нашу статическую страницу динамической. Добавим таймер для виджета часов. Сделаем отложенную загрузку лотов по API. Реализуем обновление цен в реальном времени по примеру работы с WebSocket-уведомлениями.

Рассмотрим проблемы классического подхода прямого изменения DOM-элементов и перейдём на иммутабельные компоненты. Уберём лишние зависимости и переведём фронтенд на однонаправленный поток управления.

• 00:00:56 - Постановка задачи
• 00:01:53 - Добавление таймера
• 00:02:39 - Прямое изменение значения
• 00:05:21 - Усложнение виджета
• 00:08:41 - Проблема копипасты логики
• 00:09:27 - Унификация рендеринга
• 00:12:02 - Пересоздание компонента
• 00:15:47 - Перегенерация страницы
• 00:18:23 - Унификация процедуры render
• 00:19:04 - Способы модификации состояния
• 00:21:49 - Достоинства и недостатки подхода
• 00:23:55 - Отложенная загрузка лотов
• 00:26:11 - Получение данных по API
• 00:29:53 - Эмуляция API-клиента
• 00:33:41 - Обновление цен в реальном времени
• 00:35:05 - Эмулятор WebSocket-клиента
• 00:38:19 - Обзор Control Flow
• 00:43:30 - Проблемы сброса и производительности

Дальше займёмся решением проблем производительности и реализацией настоящей реактивности.