flowr

flowr

FlowR提供了一組有用的反應組件，用於控制您的渲染流。

安裝

要將flowr添加到您的應用程序依賴項中，您只需要運行：

npm install flowr -S

這將下載flowr中的node_modules文件夾，然後您可以將任何flowr組件導入模塊。

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

Flowr搖樹友好。只要您使用ES6模塊，您的捆綁包將僅包含所需的flowr組件。閱讀有關樹木搖晃的更多信息

有兩類的組件可用：條件和調度程序

閱讀文檔

有條件

姓名	道具	描述
Maybe	when	只有在when true的時候才能使它是孩子
Either	when	如果when為true ，它將呈現第一個孩子，否則將呈現第二個孩子
Flip	when	翻轉前兩個孩子的順序
Reverse	when	扭轉所有孩子的順序
Order	sort	以通過sort提供的順序重新訂購孩子
One	at	僅在指定索引處渲染孩子
Some	at	如果孩子存在，則僅在指定指數上
Constant	*	只能渲染一次，切勿更新孩子的狀態（shorecomponentupdate-> false）
Pure	*	僅當通過的道具更改時才會重新渲染（Purecomponent）
Just	*	只是渲染它的孩子，沒什麼特別的，適合動態渲染
Nothing	*	什麼都沒有

調度程序

姓名	道具	描述
Await	for ， tap ， onPromise	只有在提供的承諾解決時，才會使孩子成為孩子。與渲染道具一起使用時，它將始終將承諾結果（err，res）應用於回調。它還接受返回承諾的功能
Stream	*	渲染 - 拋光組件，可以使用道具流
Debounce	time ， immediate	自上次渲染以來，只有在一定的時間已經過去了後，它才能使它的孩子。
Delay	time	只有在一定的時間過去了才能使它的孩子
Throttle	time	在指定的時間間隔內，最多一次是孩子。