Хорошо, позвольте мне объяснить вам шаг за шагом
1 Что такое флюс?
- Шаблон
- Централизованный диспетчер
- Однонаправленные потоки данных
- Пункт списка
Они также называют это потоком по причине.
Реализация Flux
- Флюс Facebook
- Alt
- рефлюкс
- смущать
- NuclearJS
- плавкий
Чат с Flux
Реагируйте : Эй, Действие, кто-то нажал эту кнопку «Сохранить курс».
Действие : Спасибо, Реакт! Я зарегистрировал создателя действия у диспетчера, поэтому диспетчер должен позаботиться об уведомлении всех магазинов, которые его интересуют.
Диспетчер : Позвольте мне посмотреть, кому небезразлично сохранение курса. Ах! Похоже, что Магазин зарегистрировал обратный звонок со мной, поэтому я дам ей знать.
Магазин : Привет диспетчер! Спасибо за обновление! Я буду обновлять мои данные с учетом полезной нагрузки, которую вы отправили. Затем я отправлю событие для компонентов React, которые заботятся.
Реагировать : Ооо! Блестящие новые данные из магазина! Я обновлю интерфейс, чтобы отразить это!
Flux API
register (функция callback) - «Эй, диспетчер, запусти меня, когда произойдут какие-то действия. -Хранить"
unregister (string id) - «Эй, диспетчер, перестань беспокоиться об этом действии. -Хранить"
waitFor (array ids) - «Сначала обновите этот магазин. -Хранить"
рассылка (объект полезной нагрузки) - «Эй, диспетчер, расскажи магазинам об этом действии. -действие»
isDispatching () - «Я сейчас занят отправкой обратных вызовов».
поэтому вопрос, поднятый в нашем уме
Итак, Flux - модель публикации и подписки?
Не совсем.
Отличается двумя способами:
1. Каждая полезная нагрузка отправляется всем зарегистрированным обратным вызовам.
2. Обратные вызовы могут ждать других обратных вызовов.
Резюме
Flux - это шаблон для однонаправленных потоков данных. Действия инкапсулируют события. Dispatcher - это центральный хаб, который содержит обратные вызовы. Хранит состояние приложения. Многие реализации.