React Hook Form + Zod — naša formulárová stack, ktorú nikdy nemeníme

Formuláre sú nudné, kým ich nezačnete robiť zle. Naša stabilná kombinácia je React Hook Form na stav a Zod na schému — raz definovaná, použitá na klientovi aj zdieľaná s backendom.

Schema-first

Schéma je jediný zdroj pravdy. Z nej odvodíme typy aj validačné správy a tým istým pravidlám zodpovedá Laravel FormRequest na druhej strane.

Error UX, ktorý nehnevá

Validujeme onBlur, nie pri každom stlačení klávesy. Chyby zobrazujeme pod poľom, fokusujeme prvé chybné pole a server-side chyby mapujeme na konkrétne polia.