flowr

flowr

FlowRは、レンダリングフローを制御するための一連の有用な反応コンポーネントを提供します。

インストール

アプリケーションの依存関係にflowrを追加するには、実行する必要があります。

npm install flowr -S

これにより、 flowr node_modulesフォルダーにダウンロードし、 flowrコンポーネントをモジュールにインポートできます。

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

Flowrはツリーを揺さぶるフレンドリーです。 ES6モジュールを使用している限り、バンドルには必要なflowrコンポーネントのみが含まれます。木の揺れの詳細を読んでください

利用可能なコンポーネントには2つのカテゴリがあります：条件とスケジューラー

ドキュメントを読んでください

条件

名前	小道具	説明
Maybe	when	trueであるwhenにのみ子供をレンダリングします
Either	when	when true場合、それは最初の子供をレンダリングし、それ以外の場合は2番目の子供をレンダリングします
Flip	when	最初の2人の子供の順序をフリップします
Reverse	when	すべての子供の順序を逆転させます
Order	sort	sortを通じて提供される順序で子供を再整理します
One	at	指定されたインデックスで子供のみをレンダリングします
Some	at	存在する場合、指定されたインデックスで子供のみをレンダリングします
Constant	*	一度だけレンダリングされ、子供の状態を更新しないでください（redcomponentupdate-> false）
Pure	*	パスされた小道具が変更された場合にのみ再レンダリングします（purecomponent）
Just	*	それが子供であることをレンダリングするだけで、特別なものは何も、ダイナミックなレンダリングに適しています
Nothing	*	何もレンダリングしません

スケジューラ

名前	小道具	説明
Await	for 、 tap onPromise	提供された約束が解決した場合にのみ、子供をレンダリングします。レンダリングプロップで使用すると、常にコールバックに約束の結果（err、res）が適用されます。また、約束を返す関数を受け入れます
Stream	*	小道具のストリームでの作業を可能にするレンダープロップコンポーネント
Debounce	time 、 immediate	レンダリング前のレンダリング以来、一定の時間が経過した後にのみ子供です。
Delay	time	一定の時間が経過した後にのみ子供をレンダリングします
Throttle	time	指定された時間間隔でせいぜい一度子供であることをレンダリングします。