webrix

Des blocs de construction puissants pour les applications Web basées sur React.
Pour la documentation, la vue d'ensemble de l'API et les exemples en direct, visitez webrix.amdocs.com.

---

Qu'est-ce que Webrix?

Après avoir construit de nombreux composants d'interface utilisateur, nous avons réalisé qu'il existe de nombreux défis courants qui peuvent être résolus une fois et réutilisés partout.

Nous avons ensuite extrait ces solutions dans un ensemble de petits composants à usage unique, chacun visant à surmonter un défi d'interface utilisateur spécifique.

Nous appelons ces composants "les briques du web" - d'où le nom webrix.

En savoir plus sur la motivation derrière Webrix.

Installation

Vous pouvez installer WeBrix avec npm (ou yarn si vous préférez).

 # With npm
npm i webrix

# With yarn
yarn add webrix

WeBrix a des dépendances par les pairs pour les types react , react-dom et prop-types , alors assurez-vous de les installer également:

npm i react react-dom prop-types

Usage

Les composants WeBrix peuvent être importés à l'aide d'importations nommées:

 import { Movable } from 'webrix' ;

< Movable { ... props } />

Composants

• <Movable />
• <Empilable />
• <Pannable />
• <Résidable />
• <Poppable />
• <calible />
• <crollable />
• <Pliable />

Crochets

• usebooleanState ()
• usePrevious ()
• UseMounted ()
• useclickoutside ()
• useTimeout ()
• usedebounce ()
• usethrottle ()
• useObject ()
• usagedimensions ()
• USEARIMATIONFRAME ()
• useboundingRectObserver ()
• useEventListener ()

Outils

• <ResizeObserver />
• <Puppeneer />