Uma solução React Hook, HOC e Render Props para gerenciar o estado em parâmetros de consulta de URL com fácil serialização.
Funciona com React Router 5 e 6 pronto para uso. TypeScript suportado.
Ao criar aplicativos com URLs facilmente compartilháveis, muitas vezes você deseja codificar o estado como parâmetros de consulta, mas todos os parâmetros de consulta devem ser codificados como strings. useQueryParams
permite codificar e decodificar facilmente dados de qualquer tipo como parâmetros de consulta com memorização inteligente para evitar a criação de objetos duplicados desnecessários. Ele usa parâmetros de consulta serialize.
Este é um monorepo gerenciado com Lerna.
Pacote | Versão | Documentos | Descrição |
---|---|---|---|
use-query-params | biblioteca React use-query-params | ||
serialize-query-params | biblioteca serialize-query-params js |
Para começar a funcionar localmente:
npm install
npx lerna bootstrap --hoist --scope "use-query-params" --scope "serialize-query-params"
npm build
npm test
Exemplos de configuração:
lerna bootstrap --scope "*-example"
lerna link
Então execute um:
lerna run --scope react-router-example start