state-in-url.dev

# state-in-url A React hook library for storing typed, JSON-serializable state in URL query parameters. ~2 KB, zero runtime deps. ## For AI coding agents — preferred path This package ships task-focused SKILL.md files via [@tanstack/intent](https://tanstack.com/intent/latest/docs/overview). If your agent supports Intent, that is the right surface to load instead of this file: ```bash # in the user's project, once npx @tanstack/intent@latest install # list skills available for installed libraries npx @tanstack/intent@latest list # load a specific skill into the current context npx @tanstack/intent@latest load state-in-url#feature-state-hook ``` Available skills (under `node_modules/state-in-url/skills/`): | Skill | Type | When to load | |---|---|---| | `feature-state-hook` | core | Defining state and wrapping `useUrlState` in a feature-scoped custom hook | | `input-handling` | core | Text inputs / sliders / fast-changing controls | | `nextjs-ssr` | framework | Next.js App Router: `searchParams` forwarding, Proxy for layouts | | `react-router-remix-setup` | framework | React Router v6/v7 or Remix v2 setup | | `form-library-integration` | composition | Pairing with `react-hook-form` (or formik) | | `shared-state-no-url` | core | `useSharedState` — cross-component state without URL sync | The rest of this file is a condensed reference for agents that cannot load Intent skills. ## Package info - npm: https://www.npmjs.com/package/state-in-url - repo: https://github.com/asmyshlyaev177/state-in-url - website: https://state-in-url.dev - full README: https://raw.githubusercontent.com/asmyshlyaev177/state-in-url/refs/heads/master/README.md ## Supported frameworks | Framework | Versions | Import path | |---|---|---| | Next.js (App Router only) | 14 / 15 / 16 | `state-in-url/next` | | React Router | v7 | `state-in-url/react-router` | | React Router | v6 | `state-in-url/react-router6` | | Remix | v2 | `state-in-url/remix` | | Framework-agnostic | — | `state-in-u