webrix

لبنات بناء قوية لتطبيقات الويب المستندة إلى رد الفعل.
للوثائق ، نظرة عامة على API والأمثلة المباشرة ، تفضل بزيارة Webrix.amdocs.com.

---

ما هو Webrix؟

بعد بناء العديد من مكونات واجهة المستخدم ، أدركنا أن هناك العديد من التحديات الشائعة التي يمكن حلها مرة واحدة وإعادة استخدامها في كل مكان.

ثم استخرجنا تلك الحلول في مجموعة من المكونات الصغيرة ذات الأغراض الفردية ، ويهدف كل منها إلى التغلب على تحدٍ معين لاجتماعية واجهة المستخدم.

نسمي هذه المكونات "طوب الويب" - ومن هنا جاء اسم Webrix.

اقرأ المزيد عن الدافع وراء Webrix.

تثبيت

يمكنك تثبيت Webrix باستخدام npm (أو yarn إذا كنت تفضل).

 # With npm
npm i webrix

# With yarn
yarn add webrix

Webrix لديه تبعيات الأقران react react-dom والأنواع prop-types ، لذلك تأكد من تثبيتها أيضًا:

npm i react react-dom prop-types

الاستخدام

يمكن استيراد مكونات Webrix باستخدام الواردات المسماة:

 import { Movable } from 'webrix' ;

< Movable { ... props } />

عناصر

• <movable/>
• <تكديس/>
• <pannable/>
• <resizable/>
• <poppable/>
• <clocalable/>
• <scrollable/>
• <قابلة للانهيار/>

السنانير

• uSbooleanState ()
• uSprevious ()
• usemonted ()
• useclickoutside ()
• USETIMEOUT ()
• edeebounce ()
• Usethrottle ()
• useObject ()
• useimentions ()
• useanimationFrame ()
• useboundingRectObserver ()
• useEventListener ()

أدوات

• <sizeObserver/>
• <puppeteer/>