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	在指定的时间间隔内，最多一次是孩子。