flowr

Flujo

FlowR proporciona un conjunto de componentes reactos útiles para controlar su flujo de renderizado.

Instalación

Para agregar flowr a las dependencias de su aplicación, solo necesita ejecutar:

npm install flowr -S

Esto descargará flowr en su carpeta node_modules y luego puede importar cualquier componente flowr en sus módulos.

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

Flowr es amigable con los árboles . Mientras esté utilizando módulos ES6, su paquete contendrá solo los componentes flowr requeridos. Lea más sobre la sacudida de los árboles

Hay dos categorías de componentes disponibles: condicionales y programadores

Leer los documentos

Condicional

Nombre	Accesorios	Descripción
Maybe	when	Renderiza sus niños solo si es when es true
Either	when	Si when es true , hace que el primer hijo, de lo contrario, se convierte en el segundo
Flip	when	Voltea el orden de los dos primeros niños
Reverse	when	Invierte el orden de todos sus hijos
Order	sort	Vuelve a acordes a los niños en el orden proporcionado a través sort
One	at	Renderiza solo al niño en el índice especificado
Some	at	Renderiza solo a los niños en los índices especificados si existen
Constant	*	Presentará solo una vez , nunca actualizará el estado de sus hijos (debería componente -sudate -> falso)
Pure	*	Volverá a renderizar solo cuando los accesorios aprobados hayan cambiado (purecomponente)
Just	*	Solo renderiza sus niños, nada especial, bueno para el renderizado dinámico
Nothing	*	No hace nada

Planificadores

Nombre	Accesorios	Descripción
Await	for , tap , onPromise	Rendera que son niños cuando y solo si la promesa proporcionada se resuelve. Cuando se usa con un accesorio de renderizado, siempre aplicará el resultado de la promesa (err, res) a la devolución de llamada. También acepta una función que devuelve una promesa
Stream	*	Componente de render-prop que permite trabajar con flujos de accesorios
Debounce	time , immediate	Renders sus niños solo después de que haya pasado una cierta cantidad de tiempo desde el renderizado anterior.
Delay	time	Renders sus niños solo después de que haya pasado una cierta cantidad de tiempo
Throttle	time	Rendera sus niños como máximo una vez en el intervalo de tiempo especificado.