Flux е архитектура на приложение, която Facebook използва вътрешно за изграждане на клиентско уеб приложение с React. Това не е библиотека, нито рамка. Това не е нито библиотека, нито рамка. Това е вид архитектура, която допълва React като изглед и следва концепцията на модела на еднопосочен поток от данни. Полезно е, когато проектът има динамични данни и ние трябва да поддържаме данните актуализирани по ефективен начин. Намалява грешките по време на изпълнение.
типове съединения в rdbms
Приложенията Flux имат три основни роли при работа с данни:
- Диспечер
- Магазини
- Изгледи (компоненти на React)
Тук не бива да се бъркате с модела Model-View-Controller (MVC). Въпреки че контролерите съществуват и в двете, но изгледите на контролера на Flux (изгледите) се намират в горната част на йерархията. Той извлича данни от магазините и след това предава тези данни на техните деца. Освен това, създатели на действия - помощни методи за диспечер, използвани за описание на всички промени, които са възможни в приложението. Може да бъде полезно като четвърта част от цикъла на актуализиране на Flux.
Структура и поток от данни
В приложението Flux данните протичат в една посока (еднопосочно). Този поток от данни е централен за модела на потока. Диспечерът, магазините и изгледите са независими възли с входове и изходи. Действията са прости обекти, които съдържат нови данни и тип свойство. Сега нека разгледаме различните компоненти на архитектурата на потока един по един.
Диспечер
Това е централен център за приложението React Flux и управлява целия поток от данни на вашето приложение Flux. Това е регистър на обратни повиквания в магазините. Той няма собствен собствен интелект и просто действа като механизъм за разпределяне на действията към магазините. Всички магазини се регистрират и осигуряват обратно повикване. Това е място, което обработва всички събития, които променят магазина. Когато създателят на действие предостави ново действие на диспечера, всички магазини получават това действие чрез обратните извиквания в регистъра.
API на диспечера има пет метода. Това са:
сесията е изтекла
| SN | Методи | Описания |
|---|---|---|
| 1. | регистрирам() | Използва се за регистриране на обратно извикване на манипулатора на действие на магазина. |
| 2. | отписване() | Използва се за отписване на обратно повикване на магазин. |
| 3. | чакам за() | Използва се за изчакване първо да се изпълни указаното обратно извикване. |
| 4. | изпращане () | Използва се за изпращане на действие. |
| 5. | isDispatching() | Използва се за проверка дали диспечерът в момента изпраща действие. |
Магазини
Той съдържа главно състоянието и логиката на приложението. Той е подобен на модела в традиционен MVC. Използва се за поддържане на определено състояние в приложението, актуализира се в отговор на действие и излъчва събитие за промяна, за да предупреди изгледа на контролера.
Изгледи
Нарича се също като контролер-изгледи. Той се намира в горната част на веригата, за да съхранява логиката за генериране на действия и получаване на нови данни от магазина. Това е компонент на React, който слуша събития за промяна и получава данните от магазините и рендерира приложението.
arraylist и linkedlist
Действия
Методът dispatcher ни позволява да задействаме изпращане до магазина и да включим полезен товар от данни, което наричаме действие. Това е създател на действие или помощни методи, които предават данните на диспечера.
Предимство на Flux
- Това е еднопосочен модел на поток от данни, който е лесен за разбиране.
- Той е с отворен код и е по-скоро модел на проектиране, отколкото официална рамка като MVC архитектура.
- Приложението с флюс е по-лесно за поддръжка.
- Частите за прилагане на флюса са отделени.