Интерактив по Flux и MVC

Когда мы разобрались с действиями пришло время добавить приложению интерактивность. Для этого сделаем полноценные кнопки добавления лотов в избранное. И на этом примере разберём архитектуру Flux для построения интерактивного интерфейса фронтенда. Найдём сходство с классическим паттерном MVC для построения пользовательских интерфейсов и рассмотрим его упрощённую реализацию Web-MVC для бэкенда.

  • 00:01:35 - Флаг добавления в избранное
  • 00:02:30 - Стилизация избранных лотов
  • 00:03:13 - Вывод кнопки
  • 00:04:08 - Вынесение кнопки в компонент
  • 00:04:51 - Уменьшение связанности компонентов
  • 00:06:40 - Подключение иконок
  • 00:08:55 - Написание экшена и редьюсера
  • 00:10:32 - Процедуры для действий
  • 00:11:05 - Выполнение запросов к API
  • 00:13:31 - Привязка действий к кнопкам
  • 00:15:47 - Возврат чистоты функций
  • 00:17:22 - Отвязка компонента от сущности
  • 00:21:32 - Перенос действий в локальную область видимости
  • 00:22:32 - Структура приложения
  • 00:23:48 - Архитектура Flux
  • 00:25:56 - Работа с несколькими представлениями
  • 00:27:40 - Вывод лотов таблицей
  • 00:29:28 - Паттерн MVC для интерфейсов
  • 00:37:19 - Сложности передачи props

А в следующем эпизоде решим проблему повсеместной передачи props-ов.

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

Спасибо.

Ответить
fedot

Спасибо

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

Дмитрий, во первых, конечно же спасибо. А вопрос такой. Вы предполагаете использовать все же Редакс для хранения состояния? Как то складывается ощущение что сейчас в тренде Хуки, и будущее за ними. И еще вопрос. Будете какую либо UI библиотеку использовать в проекте аукциона? Ну типа material-ui.

Ответить
Дмитрий Елисеев

Хранилище удобно для хранения глобальных данных вроде пользователя. А остальное можно сохранять в локальном состоянии компонента через хук useState.

Ответить
Павел

Как всегда уровень подачи на высоте!)

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