Hoppa till innehåll

nuqs

Hantera enkelt applikationstillstånd i Next.js genom att använda URL:ens frågesträng för att bevara och synkronisera tillstånd.

Det här biblioteket tillhandahåller en hook för att hantera tillstånd i Next.js-applikationer med hjälp av URL:ens frågesträng, ungefär som useState-hooken i React. Det gör det enkelt för utvecklare att synkronisera komponenternas tillstånd med URL:en, så att tillståndet bevaras vid navigering och omladdning.

### Funktioner

Biblioteket har gediget stöd för både app- och pages-routrarna i Next.js och fungerar smidigt med olika routningskonfigurationer. Det har ett enkelt API som är välbekant för React-utvecklare och går därför snabbt att börja använda.

### Viktiga funktioner:

- Typsäkerhet från början till slut mellan server- och klientkomponenter.

- Universellt stöd för både app- och pages-routrar.

- Ett välbekant API som liknar React.useState och synkroniserar med URL:en.

- Inbyggda parsers för vanliga tillståndstyper, som heltal, flyttal, booleska värden med mera.

- Alternativ för historikstyrning som låter dig ersätta eller lägga till poster i webbläsarhistoriken.

- Utformat för uppdateringar med klienten i första hand, med möjlighet att meddela servern så att renderade komponenter kan kalibreras om.

- En särskild hook, `useQueryStates`, för att hantera flera relaterade tillståndsvariabler i frågesträngen samtidigt.

- Litet och lättviktigt, bara 4.39 kB gzip-komprimerat.

- Omfattande testning mot varje version av Next.js.

- Anpassningsbara parsers och serialiserare som passar utvecklarnas behov.

Funktioner

  • Typsäkert
  • Typsäkerhet från början till slut mellan server- och klientkomponenter
  • Universellt stöd för både app- och pages-routrar
  • Enkelt API som liknar React.useState
  • Inbyggda parsers för vanliga typer
  • Historikstyrning för tillståndshantering
  • Ytliga uppdateringar med klienten i första hand
  • Servercache för typsäker åtkomst i nästlade React Server Components
  • Stöd för useTransition för att visa laddningstillstånd
  • Anpassningsbara parsers och serialiserare
  • Lättviktigt med minimal paketstorlek
  • Testat mot alla versioner av Next.js

Relaterade objekt

En komplett lösning för att snabbt och effektivt utveckla tillgängliga och responsiva användargränssnitt.

GitHub-stjärnor
27.0K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Ett oumbärligt verktyg för att hantera routning och navigering i React-appar, som effektiviserar utvecklingen och förbättrar appens prestanda.

GitHub-stjärnor
53.4K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Det här ramverket hjälper utvecklare att bygga effektiva och lättunderhållna webbapplikationer och komponenter med en kombination av deklarativ och funktionell programmering.

GitHub-stjärnor
3.1K
Uppdaterad
Dec 6, 2024
Licens
MIT License

En robust lösning för att skapa asynkrona, dynamiska webbapplikationer med många funktioner som gör utvecklare mer produktiva.

GitHub-stjärnor
127.6K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Det här biblioteket gör det enkelt att lägga till dra-och-släpp-funktioner i React-applikationer utan att behöva hantera detaljerna i webbläsarnas API:er.

GitHub-stjärnor
21.1K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Ett kraftfullt bibliotek för formulärhantering som förenklar hanteringen av formulär i React-appar med fokus på prestanda och användarvänlighet.

GitHub-stjärnor
41.8K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Det här verktyget revolutionerar hur du hanterar asynkrona data i dina applikationer med en deklarativ och automatisk lösning som förbättrar upplevelsen för både utvecklare och användare.

GitHub-stjärnor
42.8K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Ett modernt och skalbart routningsbibliotek för React med fokus på typsäkerhet och effektiv datahantering.

GitHub-stjärnor
8.4K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Om KickstartUI

KickstartUI är din självklara destination för att upptäcka de bästa UI-ramverken, biblioteken och byggverktygen. Vi handplockar noggrant förstklassiga resurser som hjälper utvecklare att förverkliga sina UI-idéer. Oavsett om du bygger en responsiv webbapp, skapar ett mobilgränssnitt eller utformar en interaktiv prototyp erbjuder vår plattform de viktiga verktyg som påskyndar dina projekt och förbättrar användarupplevelsen. Utforska vårt omfattande utbud för att hålla dig uppdaterad om de senaste trenderna, upptäcka nya möjligheter och lyfta din UI-design. Redo att kickstarta ditt nästa projekt? Ta en titt på våra utvalda resurser eller sök efter specifika verktyg som passar dina behov.