made with react.js

state-in-url

State Management & URL Sync

Visit Site

Description

State Management & URL Sync

"Store any user state in query parameters – imagine JSON in a browser URL. All of it with keeping types and structure of data, e.g. numbers will be decoded as numbers not strings, dates as dates, etc, objects and arrays supported. Dead simple, fast, and with static Typescript validation. Deep links, aka URL synchronization, made easy.

Contains useUrlState hook for Next.js and react-router, and helpers for anything else on JS. Since modern browsers support huge URLs and users don't care about query strings (it is a select all and copy/past workflow).

Time to use query string for state management, as it was originally intended. This library does all mundane stuff for you.

This library is a good alternative for NUQS."

  • Store unsaved user forms or page filters in URL
  • Sync URL with React state
  • Just sync data between unrelated client components without touching URI
  • Shareable URLs with application state (Deep linking, URL state synchronization)
  • Easy state persistence across page reloads

Creator

Aleksandr Smyshliaev


Social Media Links

React Adaptive Hooks Adaptive Loading Hooks & Utilities
icon-eye-dark Created with Sketch. 924
Zustand State-management Library
icon-eye-dark Created with Sketch. 310
Sentry for React React Error Monitoring
πŸ’™ Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
windups Typewriter Effect Library
icon-eye-dark Created with Sketch. 269
Storyblok React Headless CMS with visual editing for React Components
icon-eye-dark Created with Sketch. 4.575