webrix

Poderosos blocos de construção para aplicativos da Web baseados em reação.
Para documentação, visão geral da API e exemplos ao vivo, visite webrix.amdocs.com.

---

O que é Webrix?

Depois de construir numerosos componentes da interface do usuário, percebemos que existem muitos desafios comuns que podem ser resolvidos uma vez e reutilizados em todos os lugares.

Em seguida, extraímos essas soluções para um conjunto de pequenos componentes de fins únicos, cada um com o objetivo de superar um desafio específico da interface do usuário.

Chamamos esses componentes de "os tijolos da web" - daí o nome Webrix.

Leia mais sobre a motivação por trás de Webrix.

Instalação

Você pode instalar o Webrix com npm (ou yarn , se preferir).

 # With npm
npm i webrix

# With yarn
yarn add webrix

Webrix tem dependências de pares para react , react-dom e prop-types , por isso, certifique-se de instalá-los também:

npm i react react-dom prop-types

Uso

Os componentes Webrix podem ser importados usando as importações nomeadas:

 import { Movable } from 'webrix' ;

< Movable { ... props } />

Componentes

• <MOVABLE/>
• <Empackable/>
• <Pannable/>
• <Redicável/>
• <Poppable/>
• <Escalável/>
• <Rollable/>
• <COLLAPSIBLE/>

Ganchos

• useBooleAnState ()
• usePrevious ()
• Usememounted ()
• Useclickoutside ()
• Usetimeout ()
• UsedEbounce ()
• undethrottle ()
• useObject ()
• USTIMENTIMENSIONS ()
• useanimationframe ()
• useBoundingRectoBServer ()
• useEventListener ()

Ferramentas

• <REDRIMEDOBSERVER/>
• <Marionetista/>