nowfound

Dev tools · October 3, 2024

State-in-url package for state management with URL sync

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…

State-in-url package for state management with URL sync launched on October 3, 2024 with 6 votes, #1,611 of 5,185 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 2 years on.

What it does

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-16, react-router@6-7, and Remix@2. - asmyshlyaev177/state-in-url

In the maker’s words, at launch

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.…

Does a similar job

all alternatives →
  • Simple way to share state using React Hooks and Context2019 · github.com · ▲131

    React Context + State. Contribute to diegohaz/constate development by creating an account on GitHub.

  • TS
    The simplest React state manager now at stable release2021 · simpler-state.js.org · ▲96

    The simplest app state management for React

  • AS
    A Simple LocalStorage Hook in React2019 · npmjs.com · ▲35
  • SyncState2020 · syncstate.github.io · ▲24

    A state management library for React & JS apps

  • Type-safe search params state management for Next.js2024 · nuqs.47ng.com · ▲10

    Next.js has APIs to read and update search params (the /?foo=bar part of the URL), but they lack type-safety for consistent keys and proper parsing/serializing of JS data types. I found myself repeatedly building the same custom hook to get a React.useState-like approach. In 2021, I published it to NPM and then forgot about it. Since then, the `nuqs` package has gained popularity and is now used by companies like Vercel, Auth.js, Gitbook, and Midday.ai, with 200K weekly downloads. It's been fun building this as a side project and automating as much as possible to ensure a…

  • SimpleR State – simple state management for React2021 · github.com · ▲43

    The simplest app state management for React. Contribute to arnelenero/simpler-state development by creating an account on GitHub.

More dev tools this month

the category →
  • /dev/null▲487

    a social network for devs

    Dev tools · 3d ago · dev-null.sh

  • open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 28d ago · github.com

  • Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 26d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 23d ago · openbot.run

  • Talanoa▲346

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 21d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 28d ago · corespeed.io

Source: Show HN post ↗ · launch text quoted in part

Launched alongside, October 2024

the whole month →
  • buzzabout▲1,267

    Audience insights from 1B+ online discussions in 2 mins

    AI · 2024 · buzzabout.ai

  • bolt.new▲1,230

    Build and scale high-performing websites & apps using your words. Join millions and start building today.

    AI · 2024 · bolt.new

  • Feta▲1,217

    Run smarter stand-ups, build better products

    AI · 2024 · feta.io

  • Trag▲955

    AI code review companion

    AI · 2024 · usetrag.com

  • Turn Notion databases into portals & apps with no code

    Dev tools · 2024 · softr.io

  • One inbox for all your work discussions

    Work · 2024 · generalcollaboration.com