Aller au contenu

Cette bibliothèque fournit un hook permettant de gérer l’état des applications Next.js à l’aide de la chaîne de requête de l’URL, comme le hook useState de React. Elle permet de synchroniser facilement l’état des composants avec l’URL, afin de le conserver lors de la navigation et de l’actualisation.

### Fonctionnalités

La bibliothèque prend en charge les routeurs app et pages de Next.js, et fonctionne ainsi avec différentes configurations de routage. Son API simple et familière aux développeurs React facilite son adoption.

### Principales fonctionnalités :

- Sécurité des types de bout en bout entre les composants serveur et client.

- Prise en charge universelle des routeurs app et pages.

- API familière, semblable à React.useState, qui se synchronise avec l’URL.

- Parseurs intégrés pour les types d’état courants, comme les entiers, les nombres à virgule flottante et les booléens.

- Options de gestion de l’historique permettant de remplacer ou d’ajouter des entrées à l’historique du navigateur.

- Conçue pour des mises à jour côté client en priorité, avec la possibilité d’avertir le serveur afin qu’il recalcule les composants rendus.

- Hook dédié, `useQueryStates`, pour gérer simultanément plusieurs variables d’état de requête associées.

- Petite et légère : seulement 4.39 kB une fois compressée avec gzip.

- Tests complets sur chaque version de Next.js.

- Parseurs et sérialiseurs personnalisables selon les besoins des développeurs.

Fonctionnalités

  • Sécurité des types
  • Sécurité des types de bout en bout entre les composants serveur et client
  • Prise en charge universelle des routeurs app et pages
  • API simple, semblable à React.useState
  • Parseurs intégrés pour les types courants
  • Contrôle de l’historique pour la gestion de l’état
  • Mises à jour superficielles privilégiant le client
  • Cache serveur pour un accès aux types sécurisé dans les composants React Server imbriqués
  • Prise en charge de useTransition pour afficher les états de chargement
  • Parseurs et sérialiseurs personnalisables
  • Légère, avec une taille de bundle minimale
  • Testée avec toutes les versions de Next.js

Éléments associés

Mantine

Une solution complète pour créer rapidement et efficacement des interfaces utilisateur accessibles et adaptatives.

React Router

Un outil essentiel pour gérer le routage et la navigation dans les applications React, qui améliore l’efficacité des développeurs et les performances des applications.

Hybrids

Ce framework permet aux développeurs de créer des applications et des composants web efficaces et faciles à maintenir en combinant les approches de programmation déclarative et fonctionnelle.

Next.js

Une solution complète pour créer des applications web asynchrones et dynamiques, avec de nombreuses fonctionnalités qui améliorent la productivité des développeurs.

React DnD

Cette bibliothèque permet d’intégrer efficacement des fonctionnalités de glisser-déposer dans les applications React, sans avoir à gérer les complexités des API des navigateurs.

React Hook Form

Une puissante bibliothèque de gestion des formulaires qui simplifie leur gestion dans les applications React, en mettant l’accent sur les performances et la facilité d’utilisation.

TanStack Query

Cet outil révolutionne la gestion des données asynchrones dans vos applications grâce à une solution déclarative et automatique qui améliore l’expérience des développeurs comme des utilisateurs.

TanStack Router

Une bibliothèque de routage moderne et évolutive, conçue spécialement pour React, qui met l’accent sur la sécurité des types et la gestion efficace des données.