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.
TanStack Form
État
Gestion sans interface de l’état des formulaires, avec typage sûr, conçue pour créer des formulaires complexes et performants sans imposer de présentation.
Conçu autour d’un moteur central léger, facilement éliminable lors du tree-shaking, et d’un adaptateur React compact, TanStack Form privilégie un état prévisible, un minimum de nouveaux rendus et des API ergonomiques.
La validation, indépendante de tout schéma, prend en charge les traitements synchrones et asynchrones, et fonctionne parfaitement avec Zod, Yup, Valibot ou des validateurs personnalisés. Elle gère les règles entre champs, la validation du formulaire et les validateurs au niveau des champs grâce à des abonnements précis.
Ses fonctionnalités incluent les champs imbriqués, les tableaux de champs, les entrées contrôlées et non contrôlées, ainsi que des fonctions pratiques pour ajouter, insérer, supprimer et réorganiser des éléments. La prise en charge poussée de TypeScript garantit la sécurité des types et l’inférence des valeurs, des erreurs et des métadonnées du formulaire de bout en bout.
TanStack Form s’intègre à toute bibliothèque de composants UI, prend en charge les pratiques compatibles avec le rendu côté serveur et améliore l’expérience de développement grâce à des messages d’erreur clairs et des primitives composables.
Fonctionnalités
- Gestion de l’état des formulaires sans interface
- Abonnements précis pour réduire les nouveaux rendus
- Validation indépendante du schéma (Zod, Yup, Valibot ou personnalisée)
- Prise en charge de la validation synchrone et asynchrone
- Validateurs entre champs et au niveau du formulaire
- Champs imbriqués et structures de formulaire complexes
- Tableaux de champs avec fonctions d’ajout, d’insertion, de suppression et de réorganisation
- Conçu pour TypeScript, avec une inférence poussée des types
- Compatible avec les entrées contrôlées et non contrôlées
- API composables pour les champs, les formulaires et les tableaux
- Fonctions de réinitialisation, de soumission et de cycle de vie
- S’intègre à toute bibliothèque de composants UI
- Noyau léger, facilement éliminable lors du tree-shaking
- Adaptateur React pour une intégration fluide
Éléments associés
Jotai
Une solution de gestion d’état puissante et légère qui adopte une approche atomique pour gérer l’état des applications React.
Legend State
Cette puissante bibliothèque simplifie la gestion de l’état dans vos applications et facilite le traitement de données complexes.
MobX
Cette solution de gestion de l'état intègre facilement des données dynamiques à vos applications et s'adapte sans effort à leurs changements.
zustand
Une solution moderne pour gérer l'état des applications React, axée sur la simplicité et les performances.
MobX-State-Tree
Une bibliothèque complète qui simplifie la gestion de l'état en proposant une approche structurée de la gestion des états mutables.
Redux Toolkit
Une boîte à outils complète conçue pour simplifier et améliorer le développement avec Redux, afin de créer des applications prévisibles et faciles à maintenir.
valtio
Cette bibliothèque simplifie la gestion d’état basée sur des proxies dans les applications modernes et améliore l’expérience de développement grâce à un rendu efficace et à une manipulation facile de l’état.