react essential tools

เครื่องมือตอบสนองที่จำเป็น

การรวบรวมตะขอและส่วนประกอบที่จำเป็น

ตัวอย่างการใช้งานนิทานสด

คุณสมบัติ

• เรียนรู้และใช้งานง่าย
• มีส่วนประกอบที่มีประโยชน์มากมาย
• มีตะขอขั้นสูงมากมายที่ได้รับการปรับปรุงจากแอพ
• มีตะขอพื้นฐานมากมาย
• เขียนเป็น TypeScript

การติดตั้ง

 npm i react-essential-tools

การใช้งาน

คุณต้องมีการตอบสนอง 16.8.0 หรือใหม่กว่าที่ติดตั้งเพื่อใช้ Hooks API คุณสามารถนำเข้าตะขอหรือส่วนประกอบแต่ละชิ้นโดยใช้ ES6 ชื่อนำเข้า (แนะนำให้เขย่าต้นไม้)

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

ส่วนประกอบ

แหล่งที่มา	ดูตัวอย่าง	คำอธิบายสั้น ๆ
CircularProgress	การสาธิต	ตัวชี้วัดความคืบหน้าโดยทั่วไปเรียกว่าสปินเนอร์แสดงเวลารอที่ไม่ระบุหรือแสดงความยาวของกระบวนการ
Modal	การสาธิต	จัดเตรียมรากฐานที่มั่นคงสำหรับการสร้างกล่องโต้ตอบ popovers, Lightboxes หรืออะไรก็ตาม
Backdrop	การสาธิต	เลเยอร์หรี่แสงเหนือแอปพลิเคชันของคุณ
Skeleton	การสาธิต	ตัวยึดตำแหน่งสำหรับการโหลด
NoSsr		ปิดการใช้งาน SSR สำหรับเนื้อหา
Tooltip	การสาธิต	ป๊อปอัปขนาดเล็กพร้อมข้อมูล
Popper	การสาธิต	แสดงเนื้อหาที่อยู่ด้านบนของอื่น
Collapse	การสาธิต	ภาพเคลื่อนไหวขยาย/ล่มสลายของเนื้อหา
Slide	การสาธิต	ภาพเคลื่อนไหวสไลด์อิน/สไลด์ออกจากเนื้อหา
Zoom	การสาธิต	เคลื่อนไหวเนื้อหาซูมเข้า/ซูมออก
Fade	การสาธิต	ภาพเคลื่อนไหว fade-in/fade-out ของเนื้อหา
Grow	การสาธิต	เคลื่อนไหวสเกลอิน/สเกลออกจากเนื้อหา
Portal	การสาธิต	แสดงเนื้อหาภายใน dom-node เป้าหมายใด ๆ

ตะขอ

แหล่งที่มา	ดูตัวอย่าง	คำอธิบายสั้น ๆ
useDebouncedCallback	การสาธิต	รับการโทรกลับ
useLongPress	การสาธิต	ยิงโทรกลับหลังจากกดเป็นเวลานาน
useHover	การสาธิต	ติดตามการโฉบขององค์ประกอบ
useHistory	การสาธิต	ระบุด้วย undo/redo/reset
useMedia	การสาธิต	CSS Media Query State
useMotion	การสาธิต	สถานะเซ็นเซอร์เร่งความเร็วอุปกรณ์
useClipboard	การสาธิต	อ่านและเขียนลงในคลิปบอร์ดของผู้ใช้
useMouse	การสาธิต	สถานะตำแหน่งเมาส์
useIntersection	การสาธิต	จุดตัดของ Elements Viewport State
useClickAway	การสาธิต	ยิงโทรกลับออกจากภายนอกคลิก
useNetwork	การสาธิต	สถานะข้อมูลเครือข่าย
useWindowScroll	การสาธิต	สถานะตำแหน่งเลื่อนหน้าต่าง
useKey	การสาธิต	ยิงการโทรกลับหลังจากการใช้แป้นพิมพ์คีย์บอร์ดที่กำหนดค่า
useEvent	การสาธิต	เพิ่มผู้ฟังและทำความสะอาดอัตโนมัติบน Undount
useTimeoutFn	การสาธิต	ไฟการโทรกลับด้วยความล่าช้า
useInterval	การสาธิต	ไฟการโทรกลับด้วยช่วงเวลาที่ควบคุม
usePrevious	การสาธิต	มูลค่าสถานะก่อนหน้านี้
useUpdateEffect	การสาธิต	useEffect กับการเรียกร้องครั้งแรกข้าม
useMount	การสาธิต	ไฟโทรกลับบนภูเขา
useUnmount	การสาธิต	ไฟการโทรกลับเมื่อไม่ได้ติดตั้ง
useLocalStorage		ซิงค์สถานะกับ localstorage
useAsync	การสาธิต	async/สัญญาแก้ไขทันทีเพื่อระบุ
useAsyncFn	การสาธิต	async/สัญญาได้รับการแก้ไขโดยการโทรกลับไปยังรัฐ
useBoolean	การสาธิต	ระบุด้วยค่าบูลีนและสลับการโทรกลับ
useSetState	การสาธิต	ระบุว่ามีพฤติกรรมการ setState รวมกัน
useFirstMountState	การสาธิต	คืน true ในการแสดงผลขององค์ประกอบแรก
useMountedState	การสาธิต	ส่งคืนการโทรกลับเพื่อตรวจสอบว่ามีการติดตั้งส่วนประกอบหรือไม่
useIsomorphicLayoutEffect		useLayoutEffect ที่ไม่แสดงคำเตือนเมื่อการเรนเดอร์ฝั่งเซิร์ฟเวอร์

ใบอนุญาต

โครงการนี้ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT, Copyright (C) 2019 Ruslan Povolockii สำหรับข้อมูลเพิ่มเติมดู LICENSE.md