Kliping
KlipingBerandaDokumentasiKomponenBlocksVariasiTemplateDice UIHooks
Baru: 37 composable Vue, nol dependensi

Composable Vue

37 composable Vue siap pasang, nol dependensi. Ditulis dengan Composition API, dibersihkan lewat effectScope, dan menerima ref maupun getter di mana pun masuk akal.

Baca PengenalanCara memasangnya

59 composable

State

Menyimpan dan mengubah nilai.

useBoolean

Membalik nilai boolean, dengan nama aksi yang menyebut maksudnya.

useControllableValue

Satu nilai yang bisa dikendalikan dari luar, atau mengurus dirinya sendiri.

useCounter

Pencacah dengan aksi yang menyebut maksudnya.

useDebounce

Salinan sebuah nilai yang tertinggal beberapa saat di belakangnya.

useResetState

State yang bisa dikembalikan ke nilai awalnya.

useThrottle

Salinan sebuah nilai yang diperbarui paling sering sekali per jeda.

useToggle

Membalik sebuah nilai bolak-balik antara dua kemungkinan.

Lanjutan

Pola yang lebih jarang. Tiga di antaranya sudah dijawab Vue sendiri.

useCreation
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

useCustomCompareEffect
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

useLatest
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

useLockFn

Membungkus fungsi async supaya tidak bisa jalan dua kali bersamaan.

useMemoizedFn
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

usePrevious

Nilai sebelumnya dari sesuatu yang berubah.

Siklus Hidup

Menjadwalkan, menunda, dan bereaksi pada perubahan.

useDebounceEffect
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

useDebounceFn

Menunda sebuah fungsi sampai pemanggilannya berhenti sejenak.

useDeepCompareEffect
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

useDeepCompareLayoutEffect
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

useEffectEvent
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

useEffectWithTarget
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

useInterval

Menjalankan sesuatu berulang kali, dengan jeda yang boleh berubah.

useIsHydrated

Apakah halamannya sudah dihidrasi di peramban.

useIsomorphicLayoutEffect
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

useMount
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

useThrottleEffect
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

useThrottleFn

Membatasi sebuah fungsi agar tidak jalan lebih sering dari sekali per jeda.

useTimeout

Menjalankan sesuatu sekali, setelah jeda.

useUnmount
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

useUpdate
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

useUpdateEffect
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

Peramban

Membaca dan mengikuti keadaan peramban.

useActiveElement

Elemen yang sedang menerima fokus.

useBattery

Keadaan baterai perangkat.

useClickAnyWhere

Menjalankan sesuatu setiap kali ada klik di mana pun di halaman.

useClickAway

Menjalankan sesuatu ketika kliknya jatuh di luar sekumpulan elemen.

useClipboard

Menyalin ke papan klip, dengan penanda tersalin yang padam sendiri.

useDocumentVisibility

Apakah tab-nya sedang dilihat.

useElementSize

Ukuran sebuah elemen, diikuti lewat ResizeObserver.

useEventListener

Memasang pendengar peristiwa yang ikut hidup dan mati bersama scope-nya.

useFps

Berapa bingkai per detik yang sedang digambar peramban.

useFullscreen

Layar penuh, dengan seluruh awalan vendor yang masih dibutuhkan.

useHash

Bagian # dari alamat halaman, yang bisa dibaca dan ditulis.

useHover

Apakah penunjuk sedang berada di atas sebuah elemen.

useInViewport

Apakah sebuah elemen sedang terlihat di layar.

useIsMatchMedia

Apakah sebuah kueri media sedang cocok.

useIsOnline

Apakah peramban merasa sedang tersambung.

useMouse

Posisi penunjuk, dengan dukungan sentuh.

useNetwork

Keadaan jaringan, selengkap yang mau diberitahu peramban.

useOs

Sistem operasi yang sedang dipakai, ditebak dari navigator.

useScrollLock

Mengunci gulungan halaman untuk dialog, drawer, dan menu layar penuh.

useTextSelection

Teks yang sedang disorot, beserta letaknya di layar.

useTitle

Judul halaman, yang bisa dibaca dan ditulis.

Pengembangan

Alat bantu saat mencari sebab, bukan untuk produksi.

useWhyDidYouUpdate

Mencetak prop mana yang berubah setiap kali komponennya digambar ulang.

Paket Luar

Tiga di antaranya sudah punya paket Vue sendiri yang lebih baik dari apa pun yang bisa ditulis di sini. Satu ditulis sendiri.

useMcp
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

useQuery
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

useStickToBottom

Menahan sebuah wadah gulung tetap menempel di dasarnya saat isinya bertambah.

useSwr
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

Pustaka

Helper bersama. Ikut terpasang sendiri saat dibutuhkan composable lain.

isBrowser

Penjaga agar kode yang menyentuh window tidak ikut dijalankan di server.

createContext
tanpa pemasangan

Lihat halamannya untuk padanan Vue-nya.

bacaElemen

Membaca elemen DOM dari ref, getter, elemen, atau instance komponen.

saatTerpasang

Jalankan sesuatu setelah komponennya terpasang, atau sekarang juga kalau tidak ada komponennya.

Dirilis di bawah lisensi MIT. Ditulis ulang untuk Vue dari shadcn-vue, shadcn-ui-blocks, dan shadcn-hooks. Hak cipta © 2026 Kliping