Une solution React Hook, HOC et Render Props pour gérer l'état des paramètres de requête d'URL avec une sérialisation facile.
Fonctionne avec React Router 5 et 6 prêts à l'emploi. TypeScript pris en charge.
Lors de la création d'applications avec des URL facilement partageables, vous souhaitez souvent coder l'état sous forme de paramètres de requête, mais tous les paramètres de requête doivent être codés sous forme de chaînes. useQueryParams
vous permet d'encoder et de décoder facilement des données de tout type en tant que paramètres de requête avec une mémorisation intelligente pour éviter de créer des objets en double inutiles. Il utilise des paramètres de requête de sérialisation.
Il s'agit d'un monorepo géré avec Lerna.
Emballer | Version | Documents | Description |
---|---|---|---|
use-query-params | bibliothèque React use-query-params | ||
serialize-query-params | bibliothèque js sérialiser-query-params |
Pour démarrer localement :
npm install
npx lerna bootstrap --hoist --scope "use-query-params" --scope "serialize-query-params"
npm build
npm test
Exemples de configuration :
lerna bootstrap --scope "*-example"
lerna link
Ensuite, exécutez-en un :
lerna run --scope react-router-example start