flowr
1.0.0
Flowr обеспечивает набор полезных компонентов React для управления потоком рендеринга.
Чтобы добавить 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 | * | Будет отображаться только один раз , никогда не обновляя состояние его детей (SupoComponentUpdate -> false) |
Pure | * | Повторно будет повторно, только после того, как изменились реквизиты (PureComponent) |
Just | * | Просто воспроизводит детей, ничего особенного, не подходит для динамического рендеринга |
Nothing | * | Ничего не делает |
| Имя | Реквизит | Описание |
|---|---|---|
Await | for , tap , onPromise | Обращается с детьми , когда и только если предоставленное обещание разрешается. При использовании с помощью рендеринга он всегда будет применять результат обещания (err, res) к обратному обращению. Он также принимает функцию, которая возвращает обещание |
Stream | * | Компонент рендеринга, который позволяет работать с потоками реквизитов |
Debounce | time , immediate | Обращается с детьми только после того, как определенное количество времени прошло с момента предыдущего визуализации. |
Delay | time | Обращается с детьми только после того, как пройдет определенное количество времени |
Throttle | time | Обращается в максимум раз в указанном временном интервале. |
