webrix

Poderosos bloques de construcción para aplicaciones web basadas en React.
Para la documentación, la descripción general de la API y los ejemplos en vivo, visite webrix.amdocs.com.

---

¿Qué es Webrix?

Después de construir numerosos componentes de la UI, nos dimos cuenta de que hay muchos desafíos comunes que se pueden resolver una vez y reutilizar en todas partes.

Luego extrajimos esas soluciones en un conjunto de pequeños componentes de un solo propósito, cada uno con el objetivo de superar un desafío de UI específico.

Llamamos a estos componentes "los ladrillos de la web", de ahí el nombre Webrix.

Lea más sobre la motivación detrás de Webrix.

Instalación

Puede instalar Webrix con npm (o yarn si lo prefiere).

 # With npm
npm i webrix

# With yarn
yarn add webrix

Webrix tiene dependencias de pares para react , react-dom y prop-types , así que asegúrese de instalarlas también:

npm i react react-dom prop-types

Uso

Los componentes de Webrix se pueden importar utilizando importaciones con nombre:

 import { Movable } from 'webrix' ;

< Movable { ... props } />

Componentes

• <Movable/>
• <Apilable/>
• <Pannable/>
• <Residable/>
• <Poppable/>
• <Escalable/>
• <Descripción/>
• <Plegable/>

Manos

• UseBooleanState ()
• usprevious ()
• useMounted ()
• useClickoutside ()
• useTimeout ()
• useebounce ()
• usethrottle ()
• UseObject ()
• usedimensions ()
• USEANIMATIONFRAME ()
• UseBoundingRectObServer ()
• UseEventListener ()

Herramientas

• <ResizeObServer/>
• <Puppeteer/>