flowr

Flowr

FLOWR bietet einen Satz nützlicher React -Komponenten für die Steuerung Ihres Renderflusses.

Installation

Um flowr zu Ihren Anwendungsabhängigkeiten hinzuzufügen, müssen Sie nur ausführen:

npm install flowr -S

Dadurch wird flowr in Ihren Ordner node_modules heruntergeladen und dann können Sie jede flowr -Komponente in Ihre Module importieren.

 import { Maybe , Either , Await } from 'flowr'
// ...

Flowr ist baumschüttelt freundlich. Solange Sie ES6 -Module verwenden, enthält Ihr Bündel nur die erforderlichen flowr -Komponenten. Lesen Sie mehr über Baumschütteln

Es stehen zwei Kategorien von Komponenten zur Verfügung: Bedingungen und Scheduler

Lesen Sie die Dokumente

Bedingungen

Name	Requisiten	Beschreibung
Maybe	when	Rendern es sind Kinder nur, wenn when true ist
Either	when	Wenn when true ist, macht es das erste Kind, sonst macht es das zweite
Flip	when	Dreht die Ordnung der ersten beiden Kinder um
Reverse	when	Kehrt die Ordnung aller Kinder um
Order	sort	Erstellt die Kinder in der Reihenfolge nach, die durch sort vorgesehen ist
One	at	Rendert nur das Kind im angegebenen Index
Some	at	Macht nur die Kinder an den angegebenen Indizes, wenn sie existieren
Constant	*	Wird nur einmal rendern und den Zustand seiner Kinder niemals aktualisieren (sollte ComponentUpdate -> Falsch)
Pure	*	Wird nur dann erneut rendern, wenn sich die bestandenen Requisiten geändert haben (PureComponent)
Just	*	Rendert nur Kinder, nichts Besonderes, gut für dynamisches Rendering
Nothing	*	Macht nichts

Scheduler

Name	Requisiten	Beschreibung
Await	for , tap , onPromise	Renders Es sind Kinder , wenn und nur dann, wenn das zur Verfügung gestellte Versprechen befragt wird. Bei Verwendung mit einer Render -Requisite werden das Versprechensergebnis (err, res) immer auf den Rückruf angewendet. Es akzeptiert auch eine Funktion, die ein Versprechen zurückgibt
Stream	*	Render-Prop-Komponente, die es ermöglichen, mit Props-Streams zu arbeiten
Debounce	time , immediate	Renders Es sind Kinder erst nach einer bestimmten Zeit seit dem vorherigen Rendern.
Delay	time	Renders Es sind Kinder erst nach einer gewissen Zeit vergangen
Throttle	time	Rendern es sind Kinder höchstens einmal im angegebenen Zeitintervall.