Перейти до вмісту

nuqs

Легко керуйте станом застосунку в Next.js, використовуючи рядок запиту URL для збереження та синхронізації стану.

Ця бібліотека надає хук для керування станом у застосунках Next.js за допомогою рядка запиту URL, подібно до хука useState у React. Вона дає змогу легко синхронізувати стан компонента з URL, зберігаючи стан під час навігації та оновлення сторінки.

### Можливості

Бібліотека повноцінно підтримує маршрутизатори app і pages у Next.js та безперебійно працює з різними конфігураціями маршрутизації. Вона має простий API, знайомий розробникам React, тож її легко опанувати.

### Основні можливості:

- Наскрізна типобезпека між серверними та клієнтськими компонентами.

- Підтримка маршрутизаторів app і pages.

- Знайомий API на кшталт React.useState, який синхронізує стан із URL.

- Вбудовані парсери для поширених типів даних, як-от цілі числа, числа з плаваючою крапкою, булеві значення тощо.

- Керування історією браузера: можна замінювати або додавати записи.

- Розроблена для оновлень із пріоритетом клієнта; за потреби можна сповіщати сервер, щоб він перерахував відображені компоненти.

- Спеціальний хук `useQueryStates` для одночасного керування кількома пов’язаними змінними стану запиту.

- Компактна та легка: лише 4.39 kB у стисненому вигляді gzip.

- Ретельно протестована з кожним випуском Next.js.

- Парсери та серіалізатори можна налаштувати відповідно до потреб розробника.

Можливості

  • Типобезпечність
  • Наскрізна типобезпека між серверними та клієнтськими компонентами
  • Підтримка маршрутизаторів app і pages
  • Простий API, подібний до React.useState
  • Вбудовані парсери для поширених типів даних
  • Керування історією для роботи зі станом
  • Оновлення без повного переходу з пріоритетом клієнта
  • Кеш сервера для типобезпечного доступу у вкладених серверних компонентах React
  • Підтримка useTransition для відображення стану завантаження
  • Парсери та серіалізатори можна налаштувати
  • Легка бібліотека з мінімальним розміром бандла
  • Протестована з усіма випусками Next.js

Пов’язані матеріали

Комплексне рішення для швидкої та ефективної розробки доступних адаптивних інтерфейсів користувача.

Зірки GitHub
27.0K
Оновлено
Dec 6, 2024
Ліцензія
MIT License

Необхідний інструмент для керування маршрутами й навігацією в застосунках React, що підвищує ефективність розробки та продуктивність застосунків.

Зірки GitHub
53.4K
Оновлено
Dec 6, 2024
Ліцензія
MIT License

Цей фреймворк допомагає розробникам створювати ефективні вебзастосунки та компоненти, які легко підтримувати, поєднуючи декларативні й функціональні методи програмування.

Зірки GitHub
3.1K
Оновлено
Dec 6, 2024
Ліцензія
MIT License

Надійне рішення для створення асинхронних динамічних вебзастосунків із широким набором можливостей, що підвищують продуктивність розробників.

Зірки GitHub
127.6K
Оновлено
Dec 6, 2024
Ліцензія
MIT License

Ця бібліотека дає змогу легко додавати функції перетягування в застосунки React без потреби розбиратися в тонкощах API браузерів.

Зірки GitHub
21.1K
Оновлено
Dec 6, 2024
Ліцензія
MIT License

Потужна бібліотека для роботи з формами, яка спрощує керування ними в застосунках React і зосереджується на продуктивності та зручності використання.

Зірки GitHub
41.8K
Оновлено
Dec 6, 2024
Ліцензія
MIT License

Цей інструмент змінює спосіб роботи з асинхронними даними у ваших застосунках, пропонуючи декларативне й автоматизоване рішення, яке покращує досвід розробників і користувачів.

Зірки GitHub
42.8K
Оновлено
Dec 6, 2024
Ліцензія
MIT License

Сучасна масштабована бібліотека маршрутизації для React, що спеціалізується на типобезпеці та ефективному керуванні даними.

Зірки GitHub
8.4K
Оновлено
Dec 6, 2024
Ліцензія
MIT License

Про KickstartUI

KickstartUI — ваш головний ресурс для пошуку найкращих фреймворків UI, бібліотек та інструментів збирання. Ми ретельно добираємо найкращі ресурси, щоб допомогти розробникам втілювати їхні ідеї UI. Чи створюєте ви адаптивний вебзастосунок, розробляєте мобільний інтерфейс або проєктуєте інтерактивний прототип — на нашій платформі є необхідні інструменти, які пришвидшать роботу над проєктом і покращать взаємодію з користувачами. Перегляньте нашу велику добірку, щоб бути в курсі останніх тенденцій, відкривати нові можливості й удосконалювати свої проєкти UI. Готові розпочати наступний проєкт? Ознайомтеся з рекомендованими ресурсами або знайдіть інструменти для своїх потреб.