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	*	จะแสดงผล เพียงครั้งเดียว อย่าอัปเดตสถานะของเด็ก ๆ
Pure	*	จะแสดงผลอีก ครั้ง เมื่ออุปกรณ์ประกอบฉากที่ผ่านมีการเปลี่ยนแปลง (pureComponent)
Just	*	เพียงแค่ทำให้เด็ก ๆ ไม่มีอะไรพิเศษดีสำหรับการแสดงผลแบบไดนามิก
Nothing	*	ไม่มีอะไรเลย

ผู้จัดตารางเวลา

ชื่อ	อุปกรณ์ประกอบฉาก	คำอธิบาย
Await	for , tap , onPromise	แสดงผลเป็นเด็ก เมื่อใดและเฉพาะ ในกรณีที่สัญญาที่ให้ไว้จะแก้ไข เมื่อใช้กับเสาเรนเดอร์มันจะใช้ผลลัพธ์สัญญา (err, res) กับการโทรกลับ นอกจากนี้ยังยอมรับฟังก์ชั่นที่ส่งคืนสัญญา
Stream	*	ส่วนประกอบ render-prop ที่ช่วยให้การทำงานกับ อุปกรณ์ประกอบฉาก
Debounce	time immediate	แสดงผลเป็นเด็กหลังจากผ่านไประยะเวลา หนึ่ง ตั้งแต่การแสดงผลก่อนหน้านี้
Delay	time	ทำให้เป็นเด็กหลังจากผ่านไประยะหนึ่ง แล้ว
Throttle	time	ทำให้เป็นเด็ก มากที่สุด ครั้งหนึ่งในช่วงเวลาที่กำหนด