GitHub - asmyshlyaev177/state-in-url: Store any user state in query parameters; imagine JSON in a browser URL, while keeping types and structure of data, e.g.numbers will be decoded as numbers not strings. With TS validation. Shared state and URL state sync without any hassle or boilerplate. Supports Next.js@14-15, and react-router@6-7. logo

[ TOOL_RECORD / ACTIVE ]

GitHub - asmyshlyaev177/state-in-url: Store any user state in query parameters; imagine JSON in a browser URL, while keeping types and structure of data, e.g.numbers will be decoded as numbers not strings. With TS validation. Shared state and URL state sync without any hassle or boilerplate. Supports Next.js@14-15, and react-router@6-7.

> Store any user state in query parameters; imagine JSON in a browser URL, while keeping types and structure of data, e.g.numbers will be decoded as numbers not strings. With TS validation. Shared st...

GitHub - asmyshlyaev177/state-in-url: Store any user state in query parameters; imagine JSON in a browser URL, while keeping types and structure of data, e.g.numbers will be decoded as numbers not strings. With TS validation. Shared state and URL state sync without any hassle or boilerplate. Supports Next.js@14-15, and react-router@6-7. preview

About

State-in-url is a lightweight JavaScript library that enables you to store any user state in URL query parameters, while maintaining the types and structure of the data. This library is particularly useful for developers who want to manage state in a simple and efficient way, especially when working with frameworks like Next.js and React Router.

Details

The key features of state-in-url include:

  • Simple and easy-to-use API, similar to React's useState hook
  • Support for complex data types, such as nested objects, dates, and arrays
  • Automatic TypeScript validation and autocomplete
  • Default values for state properties
  • Organized state management, with all possible values defined at the start
  • Compatibility with 3rd party query parameters
  • Flexibility to use multiple state objects on the same page
  • Fast and efficient, with minimal rerenders
  • Server-side rendering support
  • Lightweight, with zero dependencies and a library size of less than 2KB
  • Well-tested, with unit tests and Playwright tests for Chrome, Firefox, and Safari

State-in-url is a powerful and flexible library that makes it easy to manage state in your JavaScript applications. With its simple and intuitive API, support for complex data types, and automatic TypeScript validation

[ ALTERNATIVE_INDEX ]Explore 10 alternatives to GitHub - asmyshlyaev177/state-in-url: Store any user state in query parameters; imagine JSON in a browser URL, while keeping types and structure of data, e.g.numbers will be decoded as numbers not strings. With TS validation. Shared state and URL state sync without any hassle or boilerplate. Supports Next.js@14-15, and react-router@6-7.

> Related tools

/ Compare alternatives

Capgo logo
Capgo/ Automation

Send and manage Realtime update for your capacitor app without store hassle, 5 min to install Over-the-Air (OTA) updates in your app. Use channels to send updates to specific users or groups of users.

[Curated]
Ruby On Remote logo
Ruby On Remote/ Development

Remote work is not just the need of the hour it is a convenient way of life. Find curated remote ruby jobs in one place or post a job in your amazing company.

[Curated]
Mkdirs logo
Mkdirs/ Directories

Launch profitable directory website in minutes

[Curated]
EchoJobs logo
EchoJobs/ Development

Use the filters in the search box to define the kind of software engineering jobs you want.

[Curated]
remoet.dev logo
remoet.dev/ Development

Find fully remote companies hiring software engineers in 2023. Find the right fit for you from our amazing remote resources directory.

[Curated]
Remotebase logo
Remotebase/ Hiring

Remotebase | Hire silicon valley caliber developers remotely | Remote software engineers jobs

[Curated]

The reverse job board for VueJS developers

[Curated]
LectureKit logo
LectureKit/ Development

Faster & Simpler Way to Build & Sell Courses with AI

50% on yearly plans off[Curated]
Rocketlaunch logo
Rocketlaunch/ Development

Launch your SaaS in record time 🚀

10$ off on all plans off[Curated]

A curated directory of 100+ SaaS starters and boilerplates so you can ship today

25% on Featured and Sponsored spots off[Curated]