webrix

React 기반 웹 응용 프로그램을위한 강력한 빌딩 블록.
문서화, API 개요 및 라이브 예제는 Webrix.amdocs.com을 방문하십시오.

---

Webrix는 무엇입니까?

수많은 UI 구성 요소를 구축 한 후, 우리는 한 번 해결하고 모든 곳에서 재사용 할 수있는 많은 일반적인 과제가 있음을 깨달았습니다.

그런 다음 해당 솔루션을 소규모 단일 목적 구성 요소 세트로 추출하여 각각 특정 UI 챌린지를 극복하기위한 것을 목표로했습니다.

우리는이 구성 요소를 "웹의 벽돌"이라고 부릅니다. 따라서 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 } />

구성 요소

• <움직일 수있는/>
• <스택 가능/>
• <pannable/>
• <Resizable/>
• <poppable/>
• <확장 가능/>
• <스크롤 가능/>
• <Collapsible/>

후크

• usebooleanstate ()
• useprevious ()
• usemounted ()
• useclickoutside ()
• usetimeout ()
• usebounce ()
• usethrottle ()
• useObject ()
• usedimensions ()
• useanimationframe ()
• useBoundingRectObServer ()
• useeventListener ()

도구

• <RESIDEOBSERVER/>
• <인형극/>