webrix

Мощные строительные блоки для веб-приложений на основе React.
Для документации, обзора API и живых примеров, посетите webrix.amdocs.com.

---

Что такое Webrix?

После построения многочисленных компонентов пользовательского интерфейса мы поняли, что существует много общих проблем, которые можно решить один раз и повторно использовано повсюду.

Затем мы извлекли эти решения в набор небольших одноцелевых компонентов, каждый из которых был нацелен на преодоление конкретной задачи пользовательского интерфейса.

Мы называем эти компоненты «кирпичи Интернета» - отсюда и название 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 могут быть импортированы с помощью названного импорта:

 import { Movable } from 'webrix' ;

< Movable { ... props } />

Компоненты

• <Rowable/>
• <Stackable/>
• <Pannable/>
• <Resizable/>
• <Poppable/>
• <Scalable/>
• <Scrollable/>
• <COWNALIBLE/>

Крючки

• UseBooleanState ()
• USEPREVIOL ()
• UseMounted ()
• useclickoutside ()
• USETIMEOUT ()
• поощрение ()
• Usethrottle ()
• Использовать object ()
• ИСПОЛЬЗУЕТСЯ ()
• UseAnimationFrame ()
• UseBoundingRectObserver ()
• Использовать EventListener ()

Инструменты

• <Resizeobserver/>
• <Кукольник/>