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

Эта библиотека предоставляет хук для управления состоянием приложений 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

Похожие ресурсы

Mantine

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

React Router

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

Hybrids

Этот фреймворк помогает разработчикам создавать эффективные и удобные в поддержке веб-приложения и компоненты, сочетая декларативное и функциональное программирование.

Next.js

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

React DnD

Библиотека позволяет легко добавлять в приложения React функцию перетаскивания, избавляя от необходимости разбираться в тонкостях API браузеров.

React Hook Form

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

TanStack Query

Этот инструмент меняет подход к работе с асинхронными данными в приложениях: декларативное автоматизированное решение улучшает взаимодействие и разработчиков, и пользователей.

TanStack Router

Современная масштабируемая библиотека маршрутизации для React с упором на типобезопасность и эффективное управление данными.