flowr

Flowr

O Flowr fornece um conjunto de componentes de reação úteis para controlar seu fluxo de renderização.

Instalação

Para adicionar flowr às dependências do seu aplicativo, você só precisa executar:

npm install flowr -S

Isso baixará flowr na sua pasta node_modules e você poderá importar qualquer componente flowr para seus módulos.

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

Flowr é amigável para troca de árvores . Enquanto você estiver usando os módulos ES6, seu pacote conterá apenas os componentes flowr necessário. Leia mais sobre tremor de árvores

Existem duas categorias de componentes disponíveis: condicionais e agendadores

Leia os documentos

Condicionais

Nome	Adereços	Descrição
Maybe	when	Torna as crianças apenas se when for true
Either	when	Se when for true ele torna o primeiro filho, caso contrário, ele renderiza o segundo
Flip	when	Vira a ordem dos dois primeiros filhos
Reverse	when	Reverte a ordem de todos os seus filhos
Order	sort	Reabastecer as crianças na ordem fornecida através de sort
One	at	Renderiza apenas a criança no índice especificado
Some	at	Renderiza apenas as crianças nos índices especificados se existirem
Constant	*	Renderá apenas uma vez , nunca atualizando o estado de seus filhos (deveComponentUpdate -> false)
Pure	*	Só renderá quando os adereços aprovados tiverem mudado (PureComponent)
Just	*	Basta traduzir seus filhos, nada de especial, bom para renderização dinâmica
Nothing	*	Não torna nada

Agendadores

Nome	Adereços	Descrição
Await	for , tap , onPromise	Renderiza seus filhos quando e somente se a promessa fornecida resolver. Quando usado com um suporte de renderização, ele sempre aplicará o resultado da promessa (err, res) ao retorno de chamada. Ele também aceita uma função que retorna uma promessa
Stream	*	Componente de renderização que permite trabalhar com fluxos de adereços
Debounce	time , immediate	Renderiza seus filhos somente depois que um certo período de tempo se passou desde a renderização anterior.
Delay	time	Renderiza seus filhos somente depois que um certo período de tempo passou
Throttle	time	Renderiza suas crianças no máximo uma vez no intervalo de tempo especificado.