react essential tools

반응 필수 툴

필수 반응 후크 및 구성 요소의 수집

라이브 스토리 북 사용 예제

특징

• 배우고 사용하기 쉽습니다.
• 풍부한 유용한 구성 요소가 포함되어 있습니다.
• 앱에서 개선 된 풍부한 고급 후크가 포함되어 있습니다.
• 풍부한 기본 고리가 들어 있습니다.
• TypeScript로 작성되었습니다.

설치

 npm i react-essential-tools

용법

Hooks API를 사용하려면 16.8.0 이상을 설치해야합니다. ES6이라는 ES6을 사용하여 각 후크 또는 구성 요소를 가져올 수 있습니다 (트리 흔들림 권장).

 import { Tooltip , useAsync } from 'react-essential-tools' ;

구성 요소

원천	시사	간단한 설명
CircularProgress	데모	일반적으로 스피너로 알려진 진행 지표, 지정되지 않은 대기 시간을 표현하거나 프로세스의 길이를 표시합니다.
Modal	데모	대화 상자, 팝 오버, 라이트 박스 또는 기타 무엇이든 만들기위한 탄탄한 토대를 제공합니다.
Backdrop	데모	응용 프로그램의 희미한 계층.
Skeleton	데모	로딩을위한 자리 표시 자
NoSsr		컨텐츠에 대한 SSR을 비활성화하십시오
Tooltip	데모	정보가있는 작은 팝업
Popper	데모	다른 위에 내용을 표시합니다
Collapse	데모	컨텐츠의 확장/붕괴를 애니메이션합니다
Slide	데모	컨텐츠의 슬라이드 인/슬라이드 아웃을 애니메이션합니다
Zoom	데모	컨텐츠의 확대/축소/축소를 애니메이션합니다
Fade	데모	콘텐츠의 페이드-인/페이드 아웃을 애니메이션합니다
Grow	데모	컨텐츠의 스케일 인/스케일 아웃을 애니메이션합니다
Portal	데모	대상 돔-노드 내부의 컨텐츠를 렌더링합니다

후크

원천	시사	간단한 설명
useDebouncedCallback	데모	Defounced Callback을 얻으십시오
useLongPress	데모	오랫동안 누른 후 콜백을 발사합니다
useHover	데모	요소의 호버링을 추적합니다
useHistory	데모	실행 취소/REDO/RESET으로 상태
useMedia	데모	CSS 미디어 쿼리 상태
useMotion	데모	장치 가속 센서 상태
useClipboard	데모	사용자의 클립 보드를 읽고 쓰십시오
useMouse	데모	마우스 위치 상태
useIntersection	데모	요소 Viewport 상태의 교차점
useClickAway	데모	외부 클릭으로 콜백을 해고합니다
useNetwork	데모	네트워크 정보 상태
useWindowScroll	데모	창 스크롤 위치 상태
useKey	데모	구성된 키보드 키 사용 후 콜백을 시작합니다
useEvent	데모	마운트 해제에 청취자와 자동 청소를 추가하십시오
useTimeoutFn	데모	지연으로 콜백을 해제합니다
useInterval	데모	통제 된 간격으로 콜백을 발사합니다
usePrevious	데모	이전 상태 가치
useUpdateEffect	데모	첫 번째 호출 건너 뛰기를 사용한 useEffect
useMount	데모	마운트에서 콜백을 해제합니다
useUnmount	데모	마운트에서 콜백을 해제합니다
useLocalStorage		상태를 localstorage 에 동기화합니다
useAsync	데모	비동기/약속은 즉시 상태로 해결되었습니다
useAsyncFn	데모	비동기/약속은 콜백 상태로 해결되었습니다
useBoolean	데모	부울 가치가있는 상태와 콜백 토글
useSetState	데모	클래스 구성 요소와 유사한 상태는 해행을 병합하는 상태 setState
useFirstMountState	데모	첫 번째 구성 요소의 렌더링에서 true 반환하십시오
useMountedState	데모	콜백을 리턴하여 구성 요소가 장착되었는지 확인하십시오
useIsomorphicLayoutEffect		useLayoutEffect 서버 측 렌더링시 경고를 표시하지 않는

특허

이 프로젝트는 MIT 라이센스, 저작권 (C) 2019 Ruslan Povolockii에 따라 라이센스가 부여됩니다. 자세한 내용은 LICENSE.md 참조하십시오.