Перейти к содержимому

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. Готовы начать следующий проект? Изучите избранные ресурсы или найдите инструменты, подходящие именно вам.