Show HN: State-in-url package for state management with URL sync

6 points

2 years ago

I spent some time to build an NPM package about state management (another one, I know) for Next.js/React.js.

Idea: Storing web application state in URL, It's a bright idea to use URI, but there isn't a simple and good implementation. Can save state of forms, or filters, users can reload page or share the link.

Demo to play around: https://state-in-url-asmyshlyaev177.vercel.app/

What I wanted to achieve and why The World need another library:

- Storing complex objects, e.g. any valid JSON with nested fields.

- Focus on Developer Experience and simplicity, API similar to React.useState.

- Preserve type of every field, e.g. string|number|boolean|etc, Typescript obviously.

- All my SE experience and best practices, CI/CD pipeline, proper tests, design patterns, JSDoc comments and documentation, so just showcase my skills and possibly get a good job.

- Support Next.js 14/15 and React-router@6, also few hooks that don't depend on specific framework.

Will be glad to hear feedback and your thoughs, don't forget to star a repo and/or share it somewhere if it's useful.