Gå til indhold

TanStack Form

Headless, typesikker håndtering af formularers tilstand med skemauafhængig validering, finkornede abonnementer og brugervenlige API'er til at bygge komplekse formularer.

Headless, typesikker tilstandsstyring af formularer til opbygning af komplekse formularer med høj ydeevne uden at diktere UI.

Løsningen er bygget op omkring en kernefunktion med et lille, tree-shakeable aftryk og en letvægtsadapter til React. Den fokuserer på forudsigelig tilstand, færre unødige gengivelser og brugervenlige API'er.

Valideringen er uafhængig af skemaer og understøtter både synkrone og asynkrone forløb. Den fungerer problemfrit med Zod, Yup, Valibot eller brugerdefinerede validatorer. Den håndterer regler på tværs af felter, validering på formularniveau og feltvalidatorer med detaljerede abonnementer.

Funktionerne omfatter indlejrede felter, feltlister, kontrollerede og ukontrollerede input samt effektive hjælpefunktioner til at tilføje, indsætte, fjerne og ændre rækkefølgen. Stærk understøttelse af TypeScript sikrer typesikkerhed og udledning af typer hele vejen igennem for formularværdier, fejl og metadata.

Kan integreres med ethvert komponentbibliotek til UI, understøtter SSR-venlige mønstre og lægger vægt på udvikleroplevelsen gennem tydelige fejlmeddelelser og komponerbare primitiver.

Funktioner

  • Headless håndtering af formularstatus
  • Finmaskede abonnementer, der minimerer genrenderinger
  • Skemauafhængig validering (Zod, Yup, Valibot, brugerdefineret)
  • Understøttelse af synkron og asynkron validering
  • Validatorer på tværs af felter og for hele formularen
  • Indlejrede felter og dybe formularstrukturer
  • Feltlister med hjælpere til at tilføje/indsætte/fjerne/ændre rækkefølge
  • TypeScript-først med stærk typeinferens
  • Fungerer med kontrollerede og ukontrollerede input
  • Komponerbare API'er til felter, formularer og lister
  • Hooks til nulstilling, indsendelse og livscyklus
  • Kan integreres med alle UI-komponentbiblioteker
  • Lille kerne, der kan tree-shakes
  • React-adapter til problemfri brug

Relaterede elementer

Et moderne og skalerbart routingbibliotek udviklet specifikt til React med fokus på typesikkerhed og effektiv datahåndtering.

GitHub-stjerner
8.4K
Opdateret
Dec 6, 2024
Licens
MIT License

En effektiv, men let løsning til tilstandshåndtering, der bruger en atomar tilgang i React-applikationer.

GitHub-stjerner
18.9K
Opdateret
Dec 6, 2024
Licens
MIT License

Dette effektive bibliotek gør tilstandshåndtering i dine applikationer nemmere og håndtering af komplekse data til en leg.

GitHub-stjerner
3.1K
Opdateret
Dec 6, 2024
Licens
MIT License

Denne løsning til tilstandshåndtering gør det nemt at integrere dynamiske data i dine applikationer og tilpasser sig ubesværet ændringer.

GitHub-stjerner
27.6K
Opdateret
Dec 6, 2024
Licens
MIT License

En moderne løsning til håndtering af applikationstilstand i React-apps med fokus på enkelhed og ydeevne.

GitHub-stjerner
48.5K
Opdateret
Dec 6, 2024
Licens
MIT License

Et fuldt udstyret bibliotek, der gør tilstandshåndtering enklere med en struktureret tilgang til håndtering af ændringsbar tilstand.

GitHub-stjerner
7.0K
Opdateret
Dec 3, 2024
Licens
MIT License

Et omfattende værktøjssæt, der forenkler og forbedrer udviklingen med Redux og sikrer, at applikationer er forudsigelige og nemme at vedligeholde.

GitHub-stjerner
10.8K
Opdateret
Dec 6, 2024
Licens
MIT License

Dette bibliotek forenkler proxybaseret tilstandshåndtering i moderne applikationer og forbedrer udviklingsoplevelsen med effektiv rendering og nem håndtering af tilstand.

GitHub-stjerner
9.2K
Opdateret
Dec 6, 2024
Licens
MIT License

Om KickstartUI

KickstartUI er det oplagte sted at finde de bedste UI-frameworks, biblioteker og buildværktøjer. Vi udvælger omhyggeligt førsteklasses ressourcer, der hjælper udviklere med at gøre deres UI-idéer til virkelighed. Uanset om du bygger en responsiv webapp, udformer en mobilgrænseflade eller designer en interaktiv prototype, tilbyder vores platform de nødvendige værktøjer til at sætte fart på dine projekter og forbedre brugeroplevelsen. Udforsk vores omfattende samling for at følge med i de nyeste tendenser, åbne op for nye muligheder og løfte dine UI-designs. Klar til at kickstarte dit næste projekt? Gå på opdagelse i vores udvalgte ressourcer, eller søg efter værktøjer, der passer til dine behov.