react essential tools

react-esensial-tools

Koleksi kait dan komponen reaksi penting

Contoh Penggunaan Buku Cerita Langsung

Fitur

• Mudah dipelajari dan digunakan.
• Berisi banyak komponen yang bermanfaat.
• Berisi banyak kait canggih yang disempurnakan dari aplikasi.
• Berisi banyak kait dasar.
• Ditulis dalam naskah.

Instalasi

 npm i react-essential-tools

Penggunaan

Anda perlu bereaksi 16.8.0 atau yang lebih baru diinstal untuk menggunakan Hooks API. Anda dapat mengimpor setiap kait atau komponen menggunakan Impor bernama ES6 (yang disarankan oleh Tree Shaking).

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

Komponen

Sumber	Pratinjau	Deskripsi singkat
CircularProgress	Demo	Indikator kemajuan yang biasa dikenal sebagai pemintal, mengekspresikan waktu tunggu yang tidak ditentukan atau menampilkan lamanya suatu proses.
Modal	Demo	Memberikan fondasi yang solid untuk membuat dialog, popover, lightbox, atau apa pun.
Backdrop	Demo	Lapisan redup di atas aplikasi Anda.
Skeleton	Demo	Placeholder untuk memuat
NoSsr		Nonaktifkan SSR untuk konten
Tooltip	Demo	Popup kecil dengan info
Popper	Demo	Menampilkan konten di atas yang lain
Collapse	Demo	Animasi memperluas/runtuhnya konten
Slide	Demo	Menjiwai slide-in/slide-out konten
Zoom	Demo	Menjiwai zoom-in/zoom-out konten
Fade	Demo	Menjiwai konten fade-in/fade-out
Grow	Demo	Menjiwai skala/keluar dari konten
Portal	Demo	Render konten di dalam simpul dom target apa pun

Kait

Sumber	Pratinjau	Deskripsi singkat
useDebouncedCallback	Demo	Dapatkan panggilan balik
useLongPress	Demo	Menembakkan panggilan balik setelah lama menekan
useHover	Demo	Melacak elemen yang melayang
useHistory	Demo	Nyatakan dengan undo/redo/reset
useMedia	Demo	Negara kueri media CSS
useMotion	Demo	Keadaan sensor percepatan perangkat
useClipboard	Demo	Baca dan tulis ke papan klip pengguna
useMouse	Demo	Keadaan posisi tikus
useIntersection	Demo	Persimpangan elemen viewport state
useClickAway	Demo	Menyalakan panggilan balik pada klik luar
useNetwork	Demo	Status Informasi Jaringan
useWindowScroll	Demo	Keadaan posisi gulir jendela
useKey	Demo	Menyalakan panggilan balik setelah penggunaan tombol keyboard yang dikonfigurasi
useEvent	Demo	Tambahkan pendengar dan bersih-bersih di unmount
useTimeoutFn	Demo	Fires Callback dengan Delay
useInterval	Demo	Menembak balik dengan interval terkontrol
usePrevious	Demo	Nilai keadaan sebelumnya
useUpdateEffect	Demo	useEffect dengan lompatan doa pertama
useMount	Demo	Fires Callback di Mount
useUnmount	Demo	Fires Callback di Unmount
useLocalStorage		Sinkronisasi status ke localstorage
useAsync	Demo	Async/Promise diselesaikan secara instan untuk menyatakan
useAsyncFn	Demo	Async/janji diselesaikan dengan panggilan balik ke negara bagian
useBoolean	Demo	Nyatakan dengan nilai boolean dan sakelar balik
useSetState	Demo	Menyatakan dengan komponen kelas setState perilaku penggabungan
useFirstMountState	Demo	Kembalikan true pada render komponen pertama
useMountedState	Demo	Kembalikan panggilan balik untuk memeriksa apakah komponen dipasang
useIsomorphicLayoutEffect		useLayoutEffect yang tidak menunjukkan peringatan saat rendering sisi server

Lisensi

Proyek ini dilisensikan di bawah Lisensi MIT, Hak Cipta (C) 2019 Ruslan Povolockii. Untuk informasi lebih lanjut, lihat LICENSE.md .