usehooks ts ดาวน์โหลด - usehooks ts Source Source Download

usehooks ts

โค้ดแหล่งที่มา AI

[email protected]

ดาวน์โหลด

Banner USEHOOKS-TS

USEHOOKS-TS

React Hook Library, พร้อมใช้งานเขียนเป็น TypeScript

 npm ฉันใช้งาน

_{สร้างโดย Julien Caron และดูแลด้วย❤โดยทีมนักพัฒนาที่น่าทึ่ง}

- การแนะนำ

usehooks (). TS เป็นไลบรารี React Hooks เขียนด้วย typescript และใช้งานง่าย มันมีชุดตะขอที่ช่วยให้คุณสร้างแอปพลิเคชันตอบสนองของคุณได้เร็วขึ้น ตะขอถูกสร้างขึ้นตามหลักการของแห้ง (อย่าทำซ้ำตัวเอง) มีตะขอสำหรับกรณีการใช้งานที่พบบ่อยที่สุดที่คุณอาจต้องการ

ห้องสมุดได้รับการออกแบบให้น้อยที่สุดเท่าที่จะทำได้ มันสั่นคลอนอย่างสมบูรณ์ (โดยใช้รุ่น ESM) ซึ่งหมายความว่าคุณนำเข้าเฉพาะตะขอที่คุณต้องการและส่วนที่เหลือจะถูกลบออกจากชุดของคุณทำให้ค่าใช้จ่ายในการใช้ห้องสมุดนี้เล็กน้อย ตะขอส่วนใหญ่ได้รับการทดสอบอย่างกว้างขวางและมีการใช้ในสภาพแวดล้อมการผลิต

ตัวอย่างการใช้งาน

 import { useLocalStorage } from 'usehooks-ts'

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

  // ...
}

- ตะขอที่มีอยู่

useBoolean - จัดการสถานะบูลีนด้วยฟังก์ชั่นยูทิลิตี้ที่มีประโยชน์
useClickAnyWhere WHERE - จัดการเหตุการณ์คลิกที่ใดก็ได้ในเอกสาร
useCopyToClipboard - คัดลอกข้อความไปยังคลิปบอร์ดโดยใช้คลิปบอร์ด API
useCountdown - จัดการการนับถอยหลัง
useCounter - จัดการเคาน์เตอร์ที่เพิ่มขึ้นลดลงรีเซ็ตและฟังก์ชัน setCount
useDarkMode - ส่งคืนสถานะปัจจุบันของโหมดมืด
useDebounceCallback - สร้างฟังก์ชันการโทรกลับ
useDebounceValue - ส่งคืนเวอร์ชัน debUND ของค่าที่ให้มาพร้อมกับฟังก์ชั่นเพื่ออัปเดต
useDocumentTitle - ตั้งชื่อเอกสาร
useEventCallback - สร้างการโทรกลับเหตุการณ์ที่บันทึกไว้
useEventListener - แนบผู้ฟังเหตุการณ์กับองค์ประกอบ DOM หน้าต่างหรือรายการสอบถามสื่อ
useHover - ติดตามว่าองค์ประกอบ DOM กำลังลอยอยู่เหนือหรือไม่
useIntersectionObserver - ติดตามจุดตัดขององค์ประกอบ DOM ด้วยองค์ประกอบที่มีอยู่หรือวิวพอร์ตโดยใช้ API Observer Intersection
useInterval - สร้างช่วงเวลาที่เรียกใช้ฟังก์ชั่นการโทรกลับที่การหน่วงเวลาที่ระบุโดยใช้ SetInterval API
useIsClient - กำหนดว่ารหัสกำลังทำงานอยู่ที่ฝั่งไคลเอ็นต์ (ในเบราว์เซอร์)
useIsMounted - กำหนดว่าส่วนประกอบนั้นติดตั้งอยู่ในปัจจุบันหรือไม่
useIsomorphicLayoutEffect ใช้ UselayOuteFect หรือ USEEFFECT ตามสภาพแวดล้อม (ฝั่งไคลเอ็นต์หรือฝั่งเซิร์ฟเวอร์)
useLocalStorage - ใช้ API LOCALSTORAGE เพื่อคงสถานะตลอดการโหลดหน้าใหม่
useMap จัดการสถานะแผนที่ค่าคีย์ด้วยการกระทำของ Setter
useMediaQuery - ติดตามสถานะของการสืบค้นสื่อโดยใช้ Match Media API
useOnClickOutside - จัดการคลิกนอกองค์ประกอบที่ระบุ
useReadLocalStorage - อ่านค่าจาก LocalStorage เกี่ยวข้องอย่างใกล้ชิดกับ USELOCALSTORAGE ()
useResizeObserver - สังเกตขนาดขององค์ประกอบโดยใช้ ResizeObserver API
useScreen - ติดตามขนาดและคุณสมบัติของหน้าจอ
useScript - โหลดสคริปต์แบบไดนามิกและติดตามสถานะการโหลด
useScrollLock - เบ็ดที่กำหนดเองที่ล็อคและปลดล็อคสกรอลล์
useSessionStorage - ใช้ SessionStorage API เพื่อคงสถานะผ่านการโหลดหน้าใหม่
useStep จัดการและนำทางระหว่างขั้นตอนในกระบวนการหลายขั้นตอน
useTernaryDarkMode - จัดการโหมด ternary (ระบบ, มืด, แสง) สีเข้มพร้อมรองรับการจัดเก็บในท้องถิ่น
useTimeout - จัดการการหมดเวลาในส่วนประกอบปฏิกิริยาโดยใช้ SetTimeOut API
useToggle - จัดการสถานะการสลับบูลีนในส่วนประกอบที่ตอบสนอง
useUnmount - เรียกใช้ฟังก์ชั่นการล้างข้อมูลเมื่อส่วนประกอบไม่ได้ติดตั้ง
useWindowSize - ติดตามขนาดของหน้าต่าง

ผู้สนับสนุน

ขอบคุณมากไปหาผู้สนับสนุนของเราทุกคน! [เป็นผู้สนับสนุน]

_{ทหารยาม}

_Katt

_{Adhi Ravishankar}

_{ทำงานได้ดีมาก-คือ}

ผู้มีส่วนร่วม

ขอบคุณมากไปหาผู้สนับสนุนทั้งหมดของเรา! [เป็นผู้สนับสนุน]

_{จูเลียน} - - -	_A777Med	_{Nguyen Tien Dat}	_{Elias Cohenca} -	_{João Deroldo} -	_{คนที่มีความสุข}	_{Jon Koops}
_{คนขี้เกียจ}	_Viktor - -	_{Bruno Clermont}	_yoannesbourg -	_{แปลก 2x} -	_{Jason Pickens} -	_{sel-vin kuik} -
_{ไอแซค} -	_{Bruno rzn} -	_{นาธาน Manceaux-Panot} -	_{Dien Vu} -	_{Oleg Kusov} -	_{Matthew Guy} -	_Andrewbihl -
_{แลนซ์พ็อลลาร์ด} -	_{Mukul Bansal} -	_{Jean-Luc Mongrain Sur la Brosse} -	_นิค -	_{แดนวู้ด}	_{Jo Wendenbuerger} -	_{Andrew Nosenko} -
_{Charliejhonsmith}	_{Sullivan Senechal} - -	_{เจสันลอง} -	_KXM766 -	_{เคว็นติน} - -	_{Daniel Lazar} -	_{ทำเครื่องหมายเทอร์เรล} -
_{Andreas Herd} -	_{Sonjoy Datta}	_{Ilya Belsky} -	_{เจมส์บาร์เร็ตต์}	_abbalyouness	_Didriklind	_hexp1989
_{Alvaro Serrano} -	_{Egehan Dülger}	_Pablolion -	_{David Sanchez} -	_{Ajay Raja} -	_{Andy Merskin} -	_{Avirup Ghosh} -
_{Sanne Wintrén} -	_{อเลสซานโดร} -	_{Andrey Tatarenko} -	_{Anton Rusak} -	_{Mahmood Bagheri}	_{Anver Sadutt} -	_{Bogdan Ailincai}
_{Simeon Griggs} -	_เค -	_{Jake Lippert} -	_{tu nguyen anh} -	_{ลุคชิลส์} -	_{Sergei Kolyago} -	_{Adham Akmal Azmi} -
_{Alek Kowalczyk} -	_{ฌอนสิทธิชัย} -	_{Joshua Bean} -	_{ทิม Zhao} -	_{แพทริค} -	_{Bryce Dorn}	_angusd3v
_{Davide di Simone} -	_{Jack Herrington} -	_{Avi Sharvit} -	_{Nicolae Maties} -	_{Shardul aeer} -	_{Herlon Aguiar} -	_{Alexis Oney} -
_ขัง	_{Josué Cortina} -	_{Alex / Katt}	_{Mourad El Cadi} -	_{James Hulena} -	_{Matthew Hailwood} -	_{Michael Norrie} -
_{Valentin Politov}	_{Marnus Weststrate}	_mancuoj -	_{แชท sumlin}	_{Owen Haupt} - -	_Ubarbaxor	_{Michael Mior} - -
_{ปิแอร์}	_{Harry B} -	_{วาเลอรี} -	_{Steven Vachon}	_{ฌอนเคอร์บี}	_{Alecsander Farias}	_{Rahul Mishra} - -
_{ไบรอันท์สมิ ธ} -	_{Rob Hannay}	_{ฮอริซา} -	_{Shansenanayake}	_{Philip Ghering}	_{Ladislas Dellinger}	_{ชาวบ้าน}
_{ลิสซานโดร}	_{Amir Hossein Rezaei}	_{Nicolas Macian} -	_{เนทฟอร์ซิ ธ}	_satelllte -	_{Federico Panico}	_{William Pei Yuan}
_Mihai -	_{Habib Ogunsola} -	_{ร่องเถ้า}	_{Daniel Turuș}	_{ราหุล chaudhary} - -	_{Joshua Ojoawo} - -	_แจ็ค
_{Jon Linkens} -	_{Jeongjin โอ้} -	_{tianning li}	_{Lars Artmann} -	_Kbobovskiy	_{แคทรีนกอนซาเลซ} -	_{Yaroslav Chapelskyi} -
_{Samuel Van Erps} -	_ojolowoblue -	_{Andrii Kostenko}	_{Akeem Allen} -	_{Trongbinhnguyen} -	_{Aniruddha Sil}	_박찬혁 -
_{เกี่ยวกับแอนนิช}	_{Hugo Hutri} -	_{Balz Guenat}	_Ottergeorge	_{Samay Sagar} -	_{เปโดรลิสโบอา} -	_{Henrique Malheiros} -
_{เควินนิวแมน}	_A503189 -	_{Mourad El Cadi}	_{Pedro Henrique Lopes}	_{Danbi Lee}	_{คอนเนอร์เจนนิงส์}	_{Lucas Gomes} -
_{มาร์ตินซาโกรา}	_KVD	_{อเล็กซ์}	_{Kacey Cleveland} -	_{Avirup Ghosh} -	_{ยาบาล}	_{Craig Patik} -
_{Soldeplata Saketos Candela}	_Tendouzhi -	_{Marcin Wachulski} -	_{Salman Fazal} -	_{ยักไหล่} -	_{โภชนาการ} -	_{Eleazar“ E” Ramos} -
_retnag -	_{J Young Lee} -	_{Filip Weiss} -	_{Marius Gundersen} -	_{Syed Aman Ali} -	_{Axel Ingadi} -	_Andyp -
_{Ishanvaghasiya} -	_{Nico Martinucci} -	_{Shiv Bhonde \| Shivbhonde.eth} -	_Fritzmonkey -	_{Rodrigo Mesquita} -	_{Moshe Simantov} -	_Beka -
_{Abdallah Alkaser} -	_{คาร์ลสมิ ธ} -	_{Orlando Groppo} -	_{Martĳn Saly} -	_{Quinn Shanahan} -	_{Antoine Kingue} -	_Žanžlender -
_{เซบาสเตียน Dominguez} -	_{James Cowan} -	_{Bayram Ali Basgul} -	_{Wyatt Castaneda} -	_{ทิมเนวิลล์} -	_{โทมัส Pigarelli} -	_{James Herdman} -
_{Grzegorz Pociejewski} -	_{René Verheij} -	_{Patrykkuniczak} -	_{Paolo Božac} -	_{บังเหียน} -	_พื้น -	_{Xuan Hung} -
_{Monawwar Abdullah} -	_{Haroldo de Oliveira Pinheiro} -	_{Tamjid Ahmed} -	_JV-Lopez -	_{Callum MacRae} -	_bywater529 -	_{เควินเขา} -
_{เฟรดริกโกโกซ} -	_{Jonathan "Jonlem" Lemos} -	_Xegulon -	_{Tom Smedley} -	_{lightboppoppy} -	_{Derek Oware} -	_หอก -
_{J. Lewis} -	_Yair -	_{คนที่มีความสุข} -	_ห่วย -	_{Josh Guyette} -	_{Dora Li} -	_{Kristian Gerardsson} -
_{เจมส์พาวเวลล์} -	_{Boaz Poolman} -	_Roker15 -	_{Fadhil Ahmad} -	_Chandler-Zhu -	_{Nghi Nguyen} -	_{Shravan Sunder} -
_{โยฮันเนส 5} -	_Sebahhpeya -	_{หรือ Nakash} -	_{Erez Makavy} -	_{Andy Merskin} -	_{บอท chainalert} -	_{เทย์เลอร์มอร์แกน} -
_Wisdomabioye -	_{ซามูเอลQuiñones} -	_{มานูเอล} -	_{Yurii Rybak} -	_{Yury Demin} -	_{Jon Tewksbury} -	_{Novac Denis} -
_{Kyrylo-Soulandwolf} -	_{Miguel Isidoro}	_{Yuriy Gromchenko}	_{จาค็อบฮัมเมอร์} -	_{Kyrylo Melnychuk} -	_Luma	_{เอลียาโคเฮน}
_{Igor Sukharev} -	_pookmish -	_Metav-Drimz -	_luckrnx09	_{Hubert Kuczmierczyk} - -	_Dandubya	_{ยวนใจ}
_{Jonathan Raoult} - -