Back
Join now
About

Popular Tags

  • typescript
  • react
  • open-source-coding-agent
  • llm
  • ai-agents
  • ui-components
  • shadcn-ui
  • tailwind
  • python
  • ai

Top Sources

  • github.com
  • clerk.com
  • 1771technologies.com
  • 21st.dev
  • abui.io
  • activepieces.com
  • ai-sdk.dev
  • alash3al.github.io
  • alchemy.run
  • altsendme.com

Browse by Type

  • Tools
  • Code
bookmrks.io - Discovery, refined.
Tags
  • nuqs
    2
  • react
    2
  • state-management
    2
  • type-safe
    2
  • url-query-string
    2
  • next-js
    1
  • nextjs
    1
  • parsers
    1
  • react-router
    1
  • serializers
    1
  • usestate
    1
Website faviconnuqs.dev
Website preview

Type-Safe State Management for React with nuqs

nuqs offers type-safe state management for React, syncing state with the URL for better user experience.

Sselcuk
Summary

nuqs is a library designed for type-safe search params state management in React applications. It provides a familiar React.useState-like API that synchronizes state with the URL query string, enhancing the user experience by managing state effectively.

Key features:

  • End-to-end type safety between server and client components.
  • Support for multiple frameworks including Next.js, Remix, and React Router.
  • Built-in parsers and serializers for common state types.
  • useQueryStates hook for managing multiple keys simultaneously.
  • Shallow updates by default, with options for notifying the server.
  • Custom parser and serializer capabilities.
  • Lightweight at only 6 kB gzipped.
  • Tested against every Next.js release with a provided test adapter.

nuqs simplifies the management of URL states, making it a valuable tool for developers looking to enhance their applications' state management.

Comments
No comments yet. Sign in to add the first comment!