usehooks ts

사용 hooks-ts

TypeScript로 작성된 훅 라이브러리 반응 후크 라이브러리.

 npm 나는 hooks-ts를 사용합니다

_{Julien Caron이 제작하고 놀라운 개발자 팀이 ❤️과 함께 유지 관리했습니다.}

? 소개

useHooks (). TS는 TypeScript로 작성되고 사용하기 쉬운 React Hooks 라이브러리입니다. React 응용 프로그램을 더 빨리 구축 할 수있는 후크 세트를 제공합니다. 고리는 건조의 원리에 기반을두고 있습니다 (스스로 반복하지 마십시오). 필요한 대부분의 사용 사례에 대한 고리가 있습니다.

라이브러리는 가능한 한 최소화되도록 설계되었습니다. ESM 버전 사용 (ESM 버전 사용)은 완전히 흔들릴 수 있습니다. 즉, 필요한 후크 만 가져 오며 나머지는 번들에서 제거 되어이 라이브러리 사용 비용이 무시할 수 있습니다. 대부분의 후크는 광범위하게 테스트되어 생산 환경에서 사용되고 있습니다.

사용 예제

 import { useLocalStorage } from 'usehooks-ts'

function Component ( ) {
  const [ value , setValue ] = useLocalStorage ( 'my-localStorage-key' , 0 )

  // ...
} 

? 사용 가능한 후크

• useBoolean - 유용한 유틸리티 기능을 갖춘 부울 상태를 처리합니다.
• useClickAnyWhere - 문서의 어느 곳에서나 클릭 이벤트를 처리합니다.
• useCopyToClipboard - 클립 보드 API를 사용하여 클립 보드에 텍스트를 복사합니다.
• useCountdown - 카운트 다운을 관리합니다.
• useCounter - 증분, 감소, 재설정 및 SetCount 기능이있는 카운터를 관리합니다.
• useDarkMode - 다크 모드의 현재 상태를 반환합니다.
• useDebounceCallback - 콜백 함수의 디바운 버전을 만듭니다.
• useDebounceValue - 제공된 값의 Defounced 버전을 반환하고 업데이트 할 함수와 함께 반환합니다.
• useDocumentTitle - 문서 제목을 설정합니다.
• useEventCallback - 메모 화 된 이벤트 콜백을 만듭니다.
• useEventListener - 이벤트 리스너를 DOM 요소, 창 또는 미디어 쿼리 목록에 첨부합니다.
• useHover - DOM 요소가 호버링되는지 여부를 추적합니다.
• useIntersectionObserver - 교차로 관찰자 API를 사용하여 DOM 요소의 포함 요소 또는 뷰포트의 교차점을 추적합니다.
• useInterval - SetInterval API를 사용하여 지정된 지연으로 콜백 함수를 호출하는 간격을 만듭니다.
• useIsClient - 브라우저에서 코드가 클라이언트 측에서 실행 중인지 결정합니다.
• useIsMounted - 구성 요소가 현재 장착되어 있는지 확인합니다.
• useIsomorphicLayoutEffect 환경 (클라이언트 측 또는 서버 측)을 기반으로 UselayoutEffect 또는 useeffect를 사용합니다.
• useLocalStorage - LocalStorage API를 사용하여 페이지 재 장전을 통해 상태를 유지합니다.
• useMap 세터 작업이 포함 된 키 가치 맵 상태를 관리합니다.
• useMediaQuery - 매치 미디어 API를 사용하여 미디어 쿼리 상태를 추적합니다.
• useOnClickOutside - 지정된 요소 외부의 클릭을 처리합니다.
• useReadLocalStorage - uselocalstorage ()와 밀접한 관련이있는 LocalStorage의 값을 읽습니다.
• useResizeObserver - resizeobserver API를 사용하여 요소의 크기를 관찰합니다.
• useScreen - 화면 치수 및 속성을 추적합니다.
• useScript - 스크립트를 동적으로로드하고로드 상태를 추적합니다.
• useScrollLock - 스크롤을 잠그고 잠금 해제하는 사용자 정의 후크.
• useSessionStorage - SessionStorage API를 사용하여 페이지 재 장전을 통해 상태를 유지합니다.
• useStep 다단계 프로세스의 단계를 관리하고 탐색합니다.
• useTernaryDarkMode - 로컬 스토리지 지원을 통해 3 배 (시스템, 어두운, 가벼운) Dark Mode를 관리합니다.
• useTimeout - Settimeout API를 사용하여 React 구성 요소의 시간 초과를 처리합니다.
• useToggle - React 구성 요소에서 부울 토글 상태를 관리합니다.
• useUnmount - 구성 요소가 마운트되지 않은 경우 정리 기능을 실행합니다.
• useWindowSize - 창의 크기를 추적합니다.

후원자

우리의 모든 후원자들에게 큰 감사합니다! [후원자가되기]

보초

카트

Adhi Ravishankar

그레이트 워크-틀림이 있습니다

기고자

우리의 모든 기고자들에게 큰 감사합니다! [기여자가되기]

줄리엔 ? ? ?	A777MED	Nguyen Tien Dat	Elias Cohenca ?	João Deroldo ?	니시	존 쿠프
외로움	빅토르 ? ?	브루노 클러 몬트	Yoannesbourg ?	Strange2x ?	Jason Pickens ?	Sel-Vin Kuik ?
이삭 ?	브루노 RZN ?	Nathan Manceaux-Panot ?	Dien Vu ?	올레그 쿠 소프 ?	매튜 남자 ?	Andrewbihl ?
Lancepollard ?	Mukul Bansal ?	Jean-Luc Mongrain Sur La Brosse ?	닉 ?	댄 우드	Jo Wendenbuerger ?	Andrew Nosenko ?
Charliejhonsmith	설리반 세네 실 ? ?	제이슨 롱 ?	KXM766 ?	쿠엔틴 ? ?	다니엘 라자르 ?	마크 테렐 ?
안드레아스 무리 ?	Sonjoy Datta	Ilya Belsky ?	제임스 배럿	abbalyouness	Didriklind 켈	HEXP1989
알바로 세라노 ?	Egehan Dülger	파블로리온 ?	데이비드 산체스 ?	Ajay Raja ?	Andy Merskin ?	Avirup Ghosh ?
Sanne Wintrén ?	알레산드로 ?	Andrey Tatarenko ?	안톤 루크 ?	Mahmood Bagheri	앙버 사두트 ?	Bogdan Ailincai
Simeon Griggs ?	Kepro ?	제이크 립퍼트 ?	Tu Nguyen Anh ?	루크 쉴즈 ?	Sergei Kolyago ?	Adham Akmal Azmi ?
Alek Kowalczyk ?	Sean Callahan ?	여호수아 콩 ?	팀 자오 ?	패트릭 ?	브라이스 도르	angusd3v
Davide di Simone ?	잭 헤링턴 ?	Avi Sharvit ?	Nicolae Maties ?	Shardul Aeer ?	Herlon Aguiar ?	알렉시스 원 ?
Curtvict	조수 코르티나 ?	Alex / Katt	Mourad El Cadi ?	제임스 훌레나 ?	매튜 우드 ?	마이클 노리 ?
발렌타인 폴리 토프	Marnus Weststrate	Mancuoj ?	Sumlin 채팅	오웬 하우프 ? ?	우 바르 베이 서	마이클 미르 ? ?
피에르	해리 b ?	발레리 ?	Steven Vachon	션 커비 켈	Alecsander Farias	라훌 미쉬라 ? ?
브라이언트 스미스 ?	Rob Hannay	Hooriza ?	산세 나야 케	필립 그링	Ladislas Dellinger	하프
리간드로	Amir Hossein Rezaei	니콜라스 마키아 ?	Nate Forsyth	위성 ?	Federico Panico	윌리엄 페이 위안
미하이 ?	Habib Ogunsola ?	애쉬 고랑	다니엘 투루	라훌 초 로리 ? ?	여호수아 오조와 ? ?	잭
Jon Linkens ?	정종 오 ?	Tianning Li	Lars Artmann ?	Kbobovskiy	캐서린 곤잘레스 ?	Yaroslav Chapelskyi ?
사무엘 반 에프스 ?	Ojolowoblue ?	안데리 코스 텐코	Akeem Allen ?	Trongbinhnguyen ?	Aniruddha Sil	박찬혁 ?
Anish	휴고 허트리 ?	발츠 게 나트	Ottergeorge	Samay Sagar ?	페드로리스 보아 ?	Henrique Malheiros ?
케빈 뉴먼	A503189 ?	Mourad El Cadi	Pedro Henrique Lopes	Danbi Lee	코너 제닝스	루카스 고메 ?
마틴 자고라	KVD	알렉스	케이스 클리블랜드 ?	Avirup Ghosh ?	Yabbal	크레이그 파티크 ?
Setteplata Saketos Candela	Tendouzhi ?	Marcin Wachulski ?	살만 파자 알 ?	어깨를 으 ?	hyodori ?	eleazar "e"라모스 ?
retnag ?	J Young Lee ?	필립 와이즈 ?	마리우스 건더슨 ?	Syed Aman Ali ?	Axel Ingadi ?	Andyp ?
Ishanvaghasiya ?	Nico Martinucci ?	Shiv Bhonde | Shivbhonde.eth ?	프리츠 몬키 ?	로드리고 메 키타 ?	모세 시만토프 ?	베카 ?
압달라 알카저 ?	칼 스미스 ?	올랜도 그로 포 ?	마르 마리 ?	Quinn Shanahan ?	앙투안 왕 ?	Žan žlender ?
세바스찬 도밍 게즈 ?	제임스 코완 ?	Bayram Ali Basgul ?	Wyatt Castaneda ?	팀 네빌 ?	토마스 피타 렐리 ?	제임스 허드먼 ?
GRZEGORZ POCIEJEWSKI ?	René Verheij ?	Patrykkuniczak ?	Paolo Božac ?	고리 ?	Floorianb ?	Xuan Hung ?
Monawwar Abdullah ?	Haroldo de Oliveira Pinheiro ?	Tamjid Ahmed ?	JV-Lopez ?	Callum MacRae ?	바이 워터 529 ?	케빈 그는 ?
프레드 리코 가우즈 ?	Jonathan "Jonlem"Lemos ?	Xegulon ?	Tom Smedley ?	lightbluepoppy ?	데릭 oware ?	랜스 글리저 ?
J. 루이스 ?	이어 ?	니쉬 키트 ?	Devofy ?	조쉬 가이 트 ?	도라 리 ?	Kristian Gerardsson ?
제임스 파웰 ?	보아스 풀먼 ?	Roker15 ?	Fadhil Ahmad ?	챈들러-슈 ?	Nghi Nguyen ?	Shravan Sunder ?
요하네스 5 ?	세바 하피 ?	또는 Nakash ?	에 레즈 마카비 ?	Andy Merskin ?	Chainalert 봇 ?	테일러 모건 ?
Wisdomabioye ?	사무엘 Quiñones ?	마누엘 ?	Yurii Rybak ?	Yury Demin ?	Jon Tewksbury ?	노바 데니스 ?
Kyrylo-Soulandwolf ?	미구엘 이시 도로	Yuriy Gromchenko	야곱 험머 ?	Kyrylo Melnychuk ?	루마	엘리야 코헨
Igor Sukharev ?	멍청이 ?	Metav-drimz ?	luckrnx09	Hubert Kuczmierczyk ? ?	Dandubya	다윈
조나단 라울트 ? ?

이 프로젝트는 All-Contribors Specification (Emoji Key)을 따릅니다. 모든 종류의 공헌을 환영합니다!

? 기부

이 소프트웨어가 도움이되면 기부금을 고려하십시오. 모든 금액은 크게 감사합니다.

BTC : bc1qwys40tnd0lxf9lr9l0t6xc63dpxyucj4x4nay0

ETH : 0x36a85155a8300754C56395D5af24553FB18915D6

특허

이 프로젝트는 MIT 라이센스가 부여되었습니다.