Pular para o conteúdo

Essa biblioteca oferece um hook para gerenciar o estado em aplicações Next.js usando a string de consulta da URL, de forma semelhante ao hook useState do React. Ela permite sincronizar facilmente o estado dos componentes com a URL, preservando o estado durante a navegação e ao atualizar a página.

### Recursos

A biblioteca oferece suporte robusto aos roteadores app e pages do Next.js, funcionando perfeitamente em diferentes configurações de roteamento. Sua API simples é familiar para desenvolvedores de React, facilitando a adoção.

### Principais recursos:

- Segurança de tipos de ponta a ponta entre componentes do servidor e do cliente.

- Suporte universal aos roteadores app e pages.

- API familiar, semelhante a React.useState, que sincroniza com a URL.

- Analisadores integrados para tipos de estado comuns, como números inteiros, números decimais, valores booleanos etc.

- Opções de controle do histórico para substituir ou adicionar entradas ao histórico do navegador.

- Projetada para atualizações priorizadas no cliente, com opções para notificar o servidor e recalibrar os componentes renderizados.

- Um hook dedicado, `useQueryStates`, para gerenciar simultaneamente várias variáveis de estado relacionadas à consulta.

- Pequena e leve, com apenas 4.39 kB após compactação gzip.

- Testada com todas as versões do Next.js.

- Analisadores e serializadores personalizáveis conforme as necessidades dos desenvolvedores.

Recursos

  • Segurança de tipos
  • Segurança de tipos de ponta a ponta entre componentes do servidor e do cliente
  • Suporte universal aos roteadores app e pages
  • API simples, semelhante a React.useState
  • Analisadores integrados para tipos comuns
  • Controles de histórico para gerenciamento de estado
  • Atualizações superficiais priorizadas no cliente
  • Cache do servidor para acesso seguro quanto a tipos em React Server Components aninhados
  • Suporte a useTransition para obter estados de carregamento
  • Analisadores e serializadores personalizáveis
  • Leve, com tamanho mínimo do pacote
  • Testada com todas as versões do Next.js

Itens relacionados

Mantine

Uma solução completa para desenvolver interfaces de usuário acessíveis e responsivas com rapidez e eficiência.

React Router

Uma ferramenta essencial para gerenciar rotas e navegação em aplicações React, aumentando a eficiência dos desenvolvedores e o desempenho das aplicações.

Hybrids

Esta estrutura permite que desenvolvedores criem aplicações e componentes Web eficientes e fáceis de manter usando uma combinação de técnicas de programação declarativa e funcional.

Next.js

Uma solução robusta para criar aplicações Web assíncronas e dinâmicas, com um conjunto completo de recursos que aumenta a produtividade dos desenvolvedores.

React DnD

Esta biblioteca oferece uma maneira eficiente de implementar recursos de arrastar e soltar em aplicações React sem se preocupar com as complexidades das APIs do navegador.

React Hook Form

Uma poderosa biblioteca para gerenciamento de formulários que simplifica esse processo em aplicações React, com foco em desempenho e usabilidade.

TanStack Query

Esta ferramenta revoluciona a maneira como você gerencia dados assíncronos em seus aplicativos, oferecendo uma solução declarativa e automática que aprimora a experiência de desenvolvimento e de uso.

TanStack Router

Uma biblioteca de roteamento moderna e escalável, projetada especificamente para React, com foco na segurança de tipos e no gerenciamento eficiente de dados.