Zum Inhalt springen

TanStack Form

Headless und typsicher: Formularstatusverwaltung mit schemaunabhängiger Validierung, fein abgestimmten Abonnements und ergonomischen APIs zum Erstellen komplexer Formulare.

Headless, typsicheres Formularzustandsmanagement für komplexe, leistungsstarke Formulare ohne Vorgaben für die UI.

Die Architektur basiert auf einer Kern-Engine mit geringem, per Tree-Shaking optimierbarem Platzbedarf und einem schlanken React-Adapter. Im Mittelpunkt stehen ein vorhersehbarer Zustand, minimale erneute Renderings und ergonomische APIs.

Die Validierung ist unabhängig vom Schema und unterstützt synchrone wie asynchrone Abläufe. Sie funktioniert nahtlos mit Zod, Yup, Valibot oder eigenen Validatoren. Unterstützt werden Regeln für mehrere Felder, Validierung auf Formularebene sowie Feldvalidatoren mit präzisen Abonnements.

Zu den Funktionen gehören verschachtelte Felder, Feldarrays, gesteuerte und ungesteuerte Eingaben sowie leistungsstarke Hilfsfunktionen zum Anhängen, Einfügen, Entfernen und Neuordnen. Die umfassende TypeScript-Unterstützung sorgt für durchgängige Typsicherheit und Typinferenz bei Formularwerten, Fehlern und Metadaten.

Die Integration funktioniert mit jeder UI-Komponentenbibliothek. Außerdem werden SSR-freundliche Muster unterstützt und die DX durch klare Fehlermeldungen und kombinierbare Grundbausteine verbessert.

Funktionen

  • Headless-Management des Formularzustands
  • Präzise Abonnements minimieren erneute Renderings
  • Schemaunabhängige Validierung (Zod, Yup, Valibot, eigene Validatoren)
  • Unterstützung für synchrone und asynchrone Validierung
  • Validatoren für mehrere Felder und auf Formularebene
  • Verschachtelte Felder und komplexe Formularstrukturen
  • Feldarrays mit Hilfsfunktionen zum Anhängen, Einfügen, Entfernen und Neuordnen
  • TypeScript-first mit umfassender Typinferenz
  • Funktioniert mit gesteuerten und ungesteuerten Eingaben
  • Kombinierbare APIs für Felder, Formulare und Arrays
  • Hooks zum Zurücksetzen, Absenden und für den Lebenszyklus
  • Integration mit jeder UI-Komponentenbibliothek
  • Kleiner Kern, per Tree-Shaking optimierbar
  • React-Adapter für nahtlose Nutzung

Ähnliche Einträge

Eine moderne, skalierbare Routing-Bibliothek speziell für React, mit Schwerpunkt auf Typsicherheit und effizientem Datenmanagement.

GitHub-Sterne
8.4K
Aktualisiert am
Dec 6, 2024
Lizenz
MIT License

Eine leistungsstarke und dennoch schlanke Lösung zur Zustandsverwaltung, die in React-Anwendungen auf einen atomaren Ansatz setzt.

GitHub-Sterne
18.9K
Aktualisiert am
Dec 6, 2024
Lizenz
MIT License

Diese leistungsstarke Bibliothek vereinfacht die Zustandsverwaltung in deinen Anwendungen und macht den Umgang mit komplexen Daten zum Kinderspiel.

GitHub-Sterne
3.1K
Aktualisiert am
Dec 6, 2024
Lizenz
MIT License

Diese Lösung zur Zustandsverwaltung ermöglicht die nahtlose Integration dynamischer Daten in deine Anwendungen und passt sich mühelos an Änderungen an.

GitHub-Sterne
27.6K
Aktualisiert am
Dec 6, 2024
Lizenz
MIT License

Eine moderne Lösung zur Verwaltung des Anwendungsstatus in React-Apps, die auf Einfachheit und Leistung setzt.

GitHub-Sterne
48.5K
Aktualisiert am
Dec 6, 2024
Lizenz
MIT License

Eine Bibliothek mit vollem Funktionsumfang, die die Zustandsverwaltung durch einen strukturierten Ansatz für den Umgang mit veränderbarem Zustand vereinfacht.

GitHub-Sterne
7.0K
Aktualisiert am
Dec 3, 2024
Lizenz
MIT License

Ein umfassendes Toolkit, das die Redux-Entwicklung vereinfacht und verbessert, damit Anwendungen vorhersehbar und wartbar bleiben.

GitHub-Sterne
10.8K
Aktualisiert am
Dec 6, 2024
Lizenz
MIT License

Diese Bibliothek vereinfacht das proxybasierte Zustandsmanagement für moderne Anwendungen und verbessert das Entwicklungserlebnis durch effizientes Rendering und einfache Zustandsverwaltung.

GitHub-Sterne
9.2K
Aktualisiert am
Dec 6, 2024
Lizenz
MIT License

Über KickstartUI

KickstartUI ist deine Anlaufstelle, um die besten UI-Frameworks, Bibliotheken und Build-Tools zu entdecken. Wir stellen sorgfältig erstklassige Ressourcen zusammen, damit Entwickler ihre UI-Ideen zum Leben erwecken können. Ob du eine responsive Web-App entwickelst, eine mobile Oberfläche gestaltest oder einen interaktiven Prototyp entwirfst – unsere Plattform bietet dir die wichtigsten Werkzeuge, um deine Projekte schneller voranzubringen und die Nutzererfahrung zu verbessern. Entdecke unsere umfangreiche Sammlung, um über die neuesten Trends auf dem Laufenden zu bleiben, neue Möglichkeiten zu erschließen und deine UI-Designs auf ein neues Niveau zu heben. Bereit, dein nächstes Projekt zu starten? Entdecke unsere ausgewählten Ressourcen oder suche nach bestimmten Werkzeugen, die zu deinen Anforderungen passen.