webrix

Leistungsstarke Bausteine für React-basierte Webanwendungen.
Unter Dokumentation, API -Übersicht und Live -Beispiele finden Sie unter webrix.amdocs.com.

---

Was ist Webrix?

Nachdem wir zahlreiche UI -Komponenten aufgebaut hatten, stellten wir fest, dass es viele gemeinsame Herausforderungen gibt, die einmal gelöst und überall wiederverwendet werden können.

Anschließend haben wir diese Lösungen in eine Reihe kleiner einzelner Komponenten extrahiert, die jeweils darauf abzielen, eine bestimmte UI-Herausforderung zu überwinden.

Wir nennen diese Komponenten "die Ziegel des Webs" - daher der Name Webrix.

Lesen Sie mehr über die Motivation hinter Webrix.

Installation

Sie können Webrix mit npm (oder yarn installieren, wenn Sie es vorziehen).

 # With npm
npm i webrix

# With yarn
yarn add webrix

Webebrix hat Peer-Abhängigkeiten für react , react-dom und prop-types . Installieren Sie sie also auch unbedingt:

npm i react react-dom prop-types

Verwendung

Webrix -Komponenten können mit den benannten Importen importiert werden:

 import { Movable } from 'webrix' ;

< Movable { ... props } />

Komponenten

• <Beweglich/>
• <Stackable/>
• <pannables/>
• <Sesizable/>
• <Poppable/>
• <Skalierbar/>
• <Crollierbar/>
• <Zusammenklappbar/>

Haken

• UseBooleAneState ()
• useprevious ()
• Usemounted ()
• useclickoutside ()
• usetimeout ()
• gebrauchtounce ()
• Usethrottle ()
• useObject ()
• gebrauchte ()
• UsEanimationFrame ()
• UseBoundingRectObServer ()
• UseEventListener ()

Werkzeuge

• <ReizeObserver/>
• <Puppeteeder/>