Flux je aplikační architektura, kterou Facebook interně používá pro vytváření webové aplikace na straně klienta s Reactem. Není to knihovna ani rámec. Není to ani knihovna, ani rámec. Je to druh architektury, která doplňuje pohled React as a sleduje koncept modelu Unidirectional Data Flow. Je to užitečné, když má projekt dynamická data a my potřebujeme data efektivně aktualizovat. Snižuje chyby běhu.
řetězec najít c++
Aplikace Flux mají tři hlavní role při práci s daty:
- Odesílatel
- Obchody
- Zobrazení (komponenty React)
Zde byste neměli být zaměňováni s modelem Model-View-Controller (MVC). I když Controllers existují v obou, ale Flux controller-views (pohledy) se nacházejí na vrcholu hierarchie. Získává data z obchodů a poté je předává svým dětem. Navíc, akce tvůrci - pomocné metody dispečera používané k popisu všech změn, které jsou v aplikaci možné. Může být užitečný jako čtvrtá část cyklu aktualizace Flux.
Struktura a datový tok
V aplikaci Flux proudí data jedním směrem (jednosměrně). Tento datový tok je ústředním prvkem vzoru toku. Dispečer, obchody a pohledy jsou nezávislé uzly se vstupy a výstupy. Akce jsou jednoduché objekty, které obsahují nová data a vlastnost typu. Nyní se podívejme na různé komponenty architektury toku jeden po druhém.
Odesílatel
Je to centrální centrum pro aplikaci React Flux a spravuje veškerý datový tok vaší aplikace Flux. Je to registr zpětných volání do obchodů. Nemá žádnou vlastní inteligenci a jednoduše funguje jako mechanismus pro distribuci akcí do obchodů. Všechny obchody se zaregistrují a poskytují zpětné volání. Je to místo, které obsluhovalo všechny události, které upravují obchod. Když tvůrce akce poskytne novou akci dispečerovi, všechny obchody tuto akci obdrží prostřednictvím zpětných volání v registru.
Dispečerské API má pět metod. Tyto jsou:
jak převést z int na řetězec v java
| SN | Metody | Popisy |
|---|---|---|
| 1. | Registrovat() | Používá se k registraci zpětného volání obslužné rutiny akce obchodu. |
| 2. | zrušit registraci() | Používá se ke zrušení registrace zpětného volání obchodu. |
| 3. | čekat na() | Používá se k čekání na spuštění zadaného zpětného volání. |
| 4. | odeslání() | Používá se k odeslání akce. |
| 5. | isDispatching() | Používá se ke kontrole, zda dispečer aktuálně odesílá akci. |
Obchody
Primárně obsahuje stav aplikace a logiku. Je podobný modelu v tradičním MVC. Používá se pro udržování určitého stavu v rámci aplikace, aktualizuje se v reakci na akci a vysílá událost změny, aby upozornila pohled ovladače.
obracení strun v c
Pohledy
Nazývá se také jako kontrolní pohledy. Nachází se v horní části řetězce pro uložení logiky pro generování akcí a přijímání nových dat z úložiště. Jedná se o komponentu React, která naslouchá změnám událostí a přijímá data z úložiště a znovu vykresluje aplikaci.
Akce
Metoda dispečera nám umožňuje spustit odeslání do obchodu a zahrnout užitečné zatížení dat, které nazýváme akcí. Jedná se o metodu vytvářející akce nebo pomocné metody, které předávají data dispečerovi.
Výhoda Flux
- Jedná se o jednosměrný model toku dat, který je snadno pochopitelný.
- Je to open source a je spíše designovým vzorem než formálním rámcem, jako je architektura MVC.
- Aplikace tavidla se snadněji udržuje.
- Části nanášení tavidla jsou odděleny.