Eine React Hook-, HOC- und Render Props-Lösung zur Verwaltung des Status in URL-Abfrageparametern mit einfacher Serialisierung.
Funktioniert sofort mit React Router 5 und 6. TypeScript unterstützt.
Beim Erstellen von Apps mit leicht gemeinsam nutzbaren URLs möchten Sie häufig den Status als Abfrageparameter codieren, alle Abfrageparameter müssen jedoch als Zeichenfolgen codiert werden. useQueryParams
können Sie Daten jeglicher Art einfach als Abfrageparameter mit intelligenter Memoisierung kodieren und dekodieren, um die Erstellung unnötiger doppelter Objekte zu verhindern. Es verwendet Serialize-Query-Params.
Dies ist ein mit Lerna verwaltetes Monorepo.
Paket | Version | Dokumente | Beschreibung |
---|---|---|---|
use-query-params | use-query-params React-Bibliothek | ||
serialize-query-params | js-Bibliothek serialize-query-params |
So starten Sie es lokal:
npm install
npx lerna bootstrap --hoist --scope "use-query-params" --scope "serialize-query-params"
npm build
npm test
Beispiele für die Einrichtung:
lerna bootstrap --scope "*-example"
lerna link
Führen Sie dann einen aus:
lerna run --scope react-router-example start