[Alodnog]

#webdev #react #typescript
Mam formularz, którego state trzymam w zmiennej o typie FormData (przykład na obrazku). Gdy użytkownik wypełni formularz, przejdzie walidacje, to wtedy mogę utworzyć nową zmienną o typie ValidFormData i przesłać ją dalej, ponieważ po walidacji mam pewność, że wartości tego formularza nie są puste.
Co robicie w takim przypadku? Jakie macie sposoby, aby po walidacji stworzyć nową zmienną o typie ValidFormData?
Oczywiste, że wystarczy zrobić if(formData.username && formData.project) i problem z głowy. Ale pytam o bardziej real-world podejście, jeśli np. tych pól jest znacznie więcej albo korzystacie z jakiejś paczki do walidacji i nie robicie ręcznie ifów. Jak to robicie w swoich projektach

[Snowdr0p]

@Alodnog: formik + yup

https://formik.org/
https://github.com/jquense/yup

[Alodnog]

@Snowdr0p: Dzięki! Formik mi nie potrzebny, ale yup super, zwraca obiekt o zwalidowanym typie

[RaczejNiePiszDoMnie]

@Alodnog: Ja korzystam często z react-hook-form. Razem z yup tworzą zgrany duet.

[Alodnog]

@RaczejNiePiszDoMnie: Też korzystałem z react-hook-forma, ale robił mi za dużo problemów przy bardziej skomplikowanych formularzach