Hoppa till innehåll

TanStack Form

Headless och typsäker hantering av formulärtillstånd med schemaberoende validering, finkorniga prenumerationer och smidiga API:er för att bygga komplexa formulär.

Headless, typsäker hantering av formulärtillstånd för att bygga komplexa formulär med hög prestanda utan att föreskriva något UI.

Utformat kring en kärnmotor med liten, tree-shakeable storlek och en lättviktig React-adapter. Fokus ligger på förutsägbart tillstånd, minimalt antal omrenderingar och lättanvända API:er.

Valideringen är oberoende av schema och stöder både synkrona och asynkrona flöden. Den fungerar sömlöst med Zod, Yup, Valibot eller anpassade validatorer. Den hanterar regler mellan fält, validering på formulärnivå och fältvalidatorer med detaljerade prenumerationer.

Funktionerna omfattar nästlade fält, fältarrayer, kontrollerade och okontrollerade inmatningsfält samt kraftfulla hjälpfunktioner för att lägga till, infoga, ta bort och ändra ordning. Det starka stödet för TypeScript säkerställer typsäkerhet och typinferens genom hela flödet för formulärvärden, fel och metadata.

Integreras med alla UI-komponentbibliotek, stöder SSR-vänliga mönster och förbättrar utvecklarupplevelsen med tydliga felmeddelanden och komponerbara primitiver.

Funktioner

  • Headless hantering av formulärtillstånd
  • Detaljerade prenumerationer som minimerar omrenderingar
  • Schemaberoende validering (Zod, Yup, Valibot, anpassade)
  • Stöd för synkron och asynkron validering
  • Validatorer mellan fält och på formulärnivå
  • Nästlade fält och djupa formulärstrukturer
  • Fältarrayer med hjälpfunktioner för att lägga till/infoga/ta bort/ändra ordning
  • TypeScript i första hand, med stark typinferens
  • Fungerar med kontrollerade och okontrollerade inmatningsfält
  • Komponerbara API:er för fält, formulär och arrayer
  • Återställnings-, inskicknings- och livscykelhooks
  • Integreras med alla UI-komponentbibliotek
  • Liten kärna som kan tree-shakas
  • React-adapter för smidig användning

Relaterade objekt

Ett modernt och skalbart routningsbibliotek för React med fokus på typsäkerhet och effektiv datahantering.

GitHub-stjärnor
8.4K
Uppdaterad
Dec 6, 2024
Licens
MIT License

En kraftfull men lättviktig lösning för tillståndshantering som använder en atomär metod i React-applikationer.

GitHub-stjärnor
18.9K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Det här kraftfulla biblioteket förenklar tillståndshanteringen i dina applikationer och gör det lätt att hantera komplexa data.

GitHub-stjärnor
3.1K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Den här lösningen för tillståndshantering gör det enkelt att integrera dynamiska data i dina applikationer och anpassar sig smidigt till förändringar.

GitHub-stjärnor
27.6K
Uppdaterad
Dec 6, 2024
Licens
MIT License

En modern lösning för att hantera applikationstillstånd i React-appar, med fokus på enkelhet och prestanda.

GitHub-stjärnor
48.5K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Ett funktionsrikt bibliotek som förenklar tillståndshantering med ett strukturerat arbetssätt för hantering av föränderliga tillstånd.

GitHub-stjärnor
7.0K
Uppdaterad
Dec 3, 2024
Licens
MIT License

Ett omfattande verktygspaket som effektiviserar och förbättrar utvecklingen med Redux, så att applikationer blir förutsägbara och enkla att underhålla.

GitHub-stjärnor
10.8K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Det här biblioteket förenklar proxybaserad tillståndshantering för moderna applikationer och förbättrar utvecklingsupplevelsen med effektiv rendering och enkel tillståndshantering.

GitHub-stjärnor
9.2K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Om KickstartUI

KickstartUI är din självklara destination för att upptäcka de bästa UI-ramverken, biblioteken och byggverktygen. Vi handplockar noggrant förstklassiga resurser som hjälper utvecklare att förverkliga sina UI-idéer. Oavsett om du bygger en responsiv webbapp, skapar ett mobilgränssnitt eller utformar en interaktiv prototyp erbjuder vår plattform de viktiga verktyg som påskyndar dina projekt och förbättrar användarupplevelsen. Utforska vårt omfattande utbud för att hålla dig uppdaterad om de senaste trenderna, upptäcka nya möjligheter och lyfta din UI-design. Redo att kickstarta ditt nästa projekt? Ta en titt på våra utvalda resurser eller sök efter specifika verktyg som passar dina behov.