flowr

흐름

Flowr는 렌더링 흐름을 제어하기위한 유용한 반응 구성 요소 세트를 제공합니다.

설치

응용 프로그램 종속성에 flowr 추가하려면 실행하면됩니다.

npm install flowr -S

이것은 flowr node_modules 폴더로 다운로드 한 다음 모든 flowr 구성 요소를 모듈로 가져올 수 있습니다.

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

Flowr 는 나무를 흔들고 친절합니다. ES6 모듈을 사용하는 한 번들에는 필요한 flowr 구성 요소 만 포함됩니다. 나무 흔들림에 대해 자세히 알아보십시오

이용 가능한 구성 요소의 두 가지 범주가 있습니다 : 조건부 및 스케줄러

문서를 읽으십시오

조건부

이름	소품	설명
Maybe	when	true 있을 when 아이들을 만듭니다
Either	when	true 이 when 라면 첫 아이를 렌더링하면 두 번째 아이가 렌더링됩니다.
Flip	when	처음 두 자녀의 순서를 뒤집습니다
Reverse	when	모든 자녀의 순서를 뒤집습니다
Order	sort	sort 통해 제공된 순서대로 어린이를 다시 문서화합니다
One	at	지정된 색인에서 자식 만 렌더링합니다
Some	at	지정된 지수의 어린이 만 존재하는 경우 만 렌더링합니다.
Constant	*	한 번만 렌더링하면 어린이의 상태를 업데이트하지 않습니다 (thilthcomponentupdate-> false).
Pure	*	통과 된 소품이 변경된 경우 에만 다시 렌더링됩니다 (Perecomponent)
Just	*	그냥 아이들을 렌더링하고, 특별한 것은없고, 역동적 인 렌더링에 좋은
Nothing	*	아무것도 렌더링합니다

스케줄러

이름	소품	설명
Await	, tap , onPromise for	제공된 약속이 해결되는 경우 에만 아이들을 렌더링합니다. 렌더 소품과 함께 사용하면 항상 콜백에 약속 결과 (err, res) 를 적용합니다. 또한 약속을 반환하는 함수를 수락합니다
Stream	*	Props 스트림 으로 작업 할 수있는 Render-Prop 구성 요소
Debounce	time , immediate	이전 렌더 이후 일정 시간이 지나면 어린이를 렌더링합니다.
Delay	time	일정 시간이 지나면 아이들을 렌더링합니다.
Throttle	time	지정된 시간 간격에서 최대 한 번에 어린이를 만듭니다.