webrix

ReactベースのWebアプリケーション用の強力なビルディングブロック。
ドキュメント、APIの概要、ライブの例については、webrix.amdocs.comをご覧ください。

---

ウェブリックスとは何ですか？

多数のUIコンポーネントを構築した後、一度解決してどこでも再利用できる多くの一般的な課題があることに気付きました。

次に、これらのソリューションを、特定のUIチャレンジを克服することを目的とした小さな単一目的コンポーネントのセットに抽出しました。

これらのコンポーネントを「Webのレンガ」と呼びます。したがって、Webrixという名前です。

Webrixの背後にある動機についてもっと読んでください。

インストール

npm （または必要に応じてyarn ）でWebrixをインストールできます。

 # 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 } />

コンポーネント

• <movable/>
• <stackable/>
• <pannable/>
• <resizable/>
• <Poppable/>
• <スケーラブル/>
• <スクロール可能/>
• <折りたたみ可能/>

フック

• usebooleanState（）
• useprevious（）
• usemounted（）
• useclickoutside（）
• usetimeout（）
• usedebounce（）
• usethrottle（）
• useobject（）
• usedimensions（）
• useanimationframe（）
• useboundingrectobserver（）
• useeventlistener（）

ツール

• <resizeObServer/>
• <puppeteer/>