webrix

หน่วยการสร้างที่ทรงพลังสำหรับเว็บแอปพลิเคชันที่อิงตามปฏิกิริยา
สำหรับเอกสารภาพรวม API และตัวอย่างสดเยี่ยมชม webrix.amdocs.com

---

Webrix คืออะไร?

หลังจากสร้างส่วนประกอบ UI จำนวนมากเราก็ตระหนักว่ามีความท้าทายทั่วไปมากมายที่สามารถแก้ไขได้หนึ่งครั้งและนำกลับมาใช้ใหม่ทุกที่

จากนั้นเราก็แยกโซลูชันเหล่านั้นออกเป็นชุดของส่วนประกอบเล็ก ๆ ที่มีวัตถุประสงค์เดี่ยวแต่ละชิ้นมีวัตถุประสงค์เพื่อเอาชนะความท้าทาย UI ที่เฉพาะเจาะจง

เราเรียกส่วนประกอบเหล่านี้ว่า "อิฐของเว็บ" - ดังนั้นชื่อ 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 สามารถนำเข้าได้โดยใช้ Imports ชื่อ:

 import { Movable } from 'webrix' ;

< Movable { ... props } />

ส่วนประกอบ

• <movable/>
• <วางซ้อน/>
• <pannable/>
• <resizable/>
• <poppable/>
• <ปรับขนาดได้/>
• <sclollable/>
• <ยุบตัว/>

ตะขอ

• usebooleanstate ()
• useprevious ()
• usemounted ()
• useclickoutside ()
• usetimeout ()
• useBounce ()
• usethrottle ()
• useobject ()
• ใช้งาน ()
• useanimationframe ()
• useBoundingRectobServer ()
• useVentListener ()

เครื่องมือ

• <resizeobserver/>
• <puppeteer/>