Formik vs React Hook Form - Let's Build a Login Form

In this video we compare two React Form management libraries. Formik (useFormik) and React-Hook-Form library.

We will build a simple login form using Formik useFormik hook and then do the same using React-Hook-Form useForm hook.

[supfiger]

у таких людей и дизлайков нет!
спасибо)

[frfou]

i really like react hook form, i used it in react-native and it worked great

[CHAPI]

Came here expecting to hear your opinion on one over the other, which one do you prefer? So far I've preferred react-use-form but with the addition of hooks into formik it might be worth giving formik a chance

[bibblebabl]

Really great! But are they good dealing with complex forms? On a small ones you couldn’t see the difference, but with field arrays, custom inputs, asynchronous validation, reinitialising, focusing on errors are they still good? At my current job I have often to deal with forms and we are using redux form, but it’s pretty similar with final form (same api), by I really want to try formik and hook form too

[yaldakarimi]

you have such great videos about forms, thank you for creating these tutorials.

[andre_zagatti]

Hello, is validationSchema still a useForm option for react-hook-form? I tried to use it with Typescript and it didn't work, I had to create a hook for Yup and add in resolver as it is in an example of the documentation

[microlabig]

Cool! What is better (easier) to conduct unit testing of Fomik and react-hook-form?

[AndreaLombardo]

Great video Maksim!
How about useFormik and formik.setValues() from async fetched data? I'm falling in infinite loop and re-rendering if put formik into useEffect dependencies. Any idea?

[Elator]

Thanks for the video, wonderful content! Keep it up!

[happy_cutman]

Спасибо тебе за видео! Очень полезно и информативно!

[EduardoRibeiro]

Hey man, thanks for share this with us. I'm using react hook form but on validation I used the yup resolver. I don't need him? Sorry my bad english.

[autom]

how can we use it for complex form in react native which has dropdown and checkbox along with textInput... please help.

[kimokimo-seur]

Can we use somethong like FORMSPREE with Formik (useFormik) or React-Hook-Form library ? thank you great content

[pacco]

Hi, I'm new to React and I'm wondering why we use onChange listeners on each field instead of just listening to the onSubmit form and accessing the values with form.id.value

[krige]

I would have liked to know which one you prefer and why

[amanda-gj]

I see Formik recommended on React's homepage.

[tiagoagm]

I choose formik. I used every day, in react and react native. Its really simple to use

[thecensorguy]

Amazing video.There is one issue.I am trying to do it with typescript but when i use validateSchema it throws error which says that validateSchema we cannot pass to it.its simply not working.i tried using @ts-ignore but still same issue.

[teosurch]

Смешно, но хоть это и не туториал, а сравнение- я на этом видео наконец-то понял как использовать Formik+yup :)
У меня помему то не роботал yup когда не через * импортировал

[SHRAVAN]

Hello Maksim, great video! I am comparatively new to reactjs, i have used formik twice & i loved it, right now i have to create a complex form containing atleast 25-28 input fields, my senior at work has given me free hand to use any packages, so im confused right now? which one should i use? formik or react-hook-form? I havent used react- hook-form yet but after watching your video i realised it easy. Thanks.