Lewati ke konten

nuqs

Kelola state aplikasi di Next.js dengan mudah menggunakan string kueri URL untuk mempertahankan dan menyinkronkan state.

Library ini menyediakan hook untuk mengelola state di aplikasi Next.js menggunakan string kueri URL, mirip dengan hook useState di React. Pengembang dapat dengan mudah menyinkronkan state komponen dengan URL, sehingga state tetap tersimpan saat berpindah halaman atau memuat ulang.

### Fitur

Library ini mendukung router app dan pages di Next.js, sehingga bekerja dengan lancar di berbagai konfigurasi routing. API-nya sederhana dan familier bagi pengembang React, sehingga mudah digunakan.

### Fitur Utama:

- Keamanan tipe dari ujung ke ujung antara komponen server dan klien.

- Dukungan universal untuk router app dan pages.

- API familier seperti React.useState yang disinkronkan dengan URL.

- Parser bawaan untuk tipe state umum, seperti bilangan bulat, angka desimal, boolean, dan lainnya.

- Opsi kontrol riwayat untuk mengganti atau menambahkan entri ke riwayat browser.

- Dirancang untuk pembaruan yang mengutamakan klien, dengan opsi untuk memberi tahu server agar menghitung ulang komponen yang dirender.

- Hook khusus, `useQueryStates`, untuk mengelola beberapa variabel state kueri terkait secara bersamaan.

- Ringkas dan ringan, hanya 4.39 kB setelah gzip.

- Diuji secara menyeluruh pada setiap rilis Next.js.

- Parser dan serializer yang dapat disesuaikan dengan kebutuhan pengembang.

Fitur

  • Keamanan tipe
  • Keamanan tipe dari ujung ke ujung antara komponen server dan klien
  • Dukungan universal untuk router app dan pages
  • API sederhana yang mirip dengan React.useState
  • Parser bawaan untuk tipe umum
  • Kontrol riwayat untuk pengelolaan state
  • Pembaruan dangkal yang mengutamakan klien
  • Cache server untuk akses aman tipe di React Server Components bertingkat
  • Dukungan useTransition untuk mendapatkan status pemuatan
  • Parser dan serializer yang dapat disesuaikan
  • Ringan dengan ukuran bundle minimal
  • Diuji pada semua rilis Next.js

Item Terkait

Solusi lengkap untuk mengembangkan antarmuka pengguna yang aksesibel dan responsif dengan cepat dan efisien.

Bintang GitHub
27.0K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Alat penting untuk mengelola perutean dan navigasi di aplikasi React, meningkatkan efisiensi pengembang sekaligus performa aplikasi.

Bintang GitHub
53.4K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Framework ini membantu pengembang membangun aplikasi dan komponen web yang efisien serta mudah dipelihara dengan memadukan teknik pemrograman deklaratif dan fungsional.

Bintang GitHub
3.1K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Solusi andal untuk membuat aplikasi web asinkron dan dinamis dengan fitur lengkap yang meningkatkan produktivitas pengembang.

Bintang GitHub
127.6K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Pustaka ini menyediakan cara yang efisien untuk menerapkan fitur seret dan lepas dalam aplikasi React tanpa perlu mengkhawatirkan kerumitan API browser.

Bintang GitHub
21.1K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Pustaka pengelolaan formulir andal yang menyederhanakan proses mengelola formulir di aplikasi React, dengan fokus pada performa dan kemudahan penggunaan.

Bintang GitHub
41.8K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Alat ini mengubah cara Anda menangani data asinkron di aplikasi dengan menawarkan solusi deklaratif dan otomatis yang meningkatkan pengalaman developer maupun pengguna.

Bintang GitHub
42.8K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Pustaka routing modern dan skalabel yang dirancang khusus untuk React, dengan fokus pada keamanan tipe dan pengelolaan data yang efisien.

Bintang GitHub
8.4K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Tentang KickstartUI

KickstartUI adalah tujuan utama Anda untuk menemukan framework UI, library, dan build tools terbaik. Kami mengkurasi sumber daya berkualitas tinggi dengan cermat untuk membantu developer mewujudkan ide UI mereka. Baik Anda sedang membangun aplikasi web responsif, membuat antarmuka mobile, atau merancang prototipe interaktif, platform kami menyediakan alat penting untuk mempercepat proyek dan meningkatkan pengalaman pengguna. Jelajahi koleksi lengkap kami untuk mengikuti tren terbaru, membuka berbagai kemungkinan baru, dan menyempurnakan desain UI Anda. Siap memulai proyek berikutnya? Lihat sumber daya unggulan kami atau cari alat tertentu yang sesuai dengan kebutuhan Anda.