flowr

Flowr

يوفر 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	*	لن يتم تقديمه مرة واحدة فقط ، ولا يتم تحديث حالة أطفالها (يجب أن يكون ذلك مكونًا -> خطأ)
Pure	*	سيتم إعادة تقديم العطاء إلا عند تغيير الدعائم التي تم تمريرها (PureComponent)
Just	*	فقط يجعل أطفالها ، لا شيء مميز ، جيد لتقديم الديناميكي
Nothing	*	لا يجعل شيئًا

جدولين

اسم	الدعائم	وصف
Await	for ، tap ، onPromise	يقدم أطفالها عندما وفقط إذا كان الوعد المقدم يحل. عند استخدامها مع تقديم الدعامة ، سيتم تطبيق نتيجة الوعد (ERR ، RES) دائمًا على رد الاتصال. كما أنه يقبل وظيفة تُرجع وعدًا
Stream	*	مكون العرض الذي يمكّن العمل مع تدفقات الدعائم
Debounce	time ، immediate	يقدم أطفالها فقط بعد مرور فترة معينة من الوقت منذ التجسيد السابق.
Delay	time	يقدم أطفالها فقط بعد مرور وقت معين
Throttle	time	يقدم أطفالها مرة واحدة على الأكثر في الفاصل الزمني المحدد.