#4 Final Form React Tutorial and some Array.reduce() | React Forms 4 Ways

It's time for the fourth part of the series: Let's manage our Form State with Final Form. This means we have all the benefits of the great, easy-to-use API from Redux-Form, but no more dependencies on Redux or any central component for that matter. But that's not all, the video also takes a quick detour to explain one of the most powerful Array-methods that functional Javascripts offers: Array.reduce(). Enjoy!

[@kubucation]

00:00 What is Final Form?
01:00 Build a basic form with Final Form
05:40 Add validation to your form
08:19 Multiple validators are different to Redux Form
09:10 Compose validators with Array.reduce() (Yay, Functional Programming!)
14:40 Pros, Cons, Conclusions

[@rousiq]

Вот бы все так расписывали свои видео, особенно документации. Пишу на русском из-за моей неграмотности в английском. Thanks

[@osakar941]

Nice video! I would be interested in looking more videos from you about functional programming!

[@rociopena649]

Hi, great video. Thanks!!! I'd love to see more about functional programming :)

[@parrot785]

Thanks for this video! Very helpful tutorial

[@Nikita-xe5kv]

Thanks!

[@user-hr8ny3di3r]

Thanks a lot! Only here I found how to implement 'composeValidators' function

[@rousiq]

Круто, думаю уже скоро станет популярнее, чем redux form

[@MuhammadTaha1998]

Does final-form work the same way with React Native and is it still better then redux and redux-form when working with React Native?

[@shivaa3ps177]

More videos on functional programming please 🥺

[@reactninja9224]

@kubucation - what about react-formik ? could you please add on this list

[@ianpan0102]

Nice Video! May I know what **Window Manager** you are using on macOS?

[@kubucation]

Thanks! I use chunkwm as a macOS window manager and tmux inside the terminal to manage terminal tabs/panes/etc.

[@ianpan0102]

@@kubucation Cheers!

[@brianjensen2923]

Please explain more on how handleSubmit runs the function for onSubmit, where is the tie between the two?

[@vignu33]

In my Field i have an issue with validate function not called. I have name, component, validate, input, onChange items in my field. I am setting a value to my field on calling the component itself . But on changing input values from UI screen validate method is not called. Pls help if somebody is aware of this issue.

[@LingLing9011]

Hallo Etienne, machst du gar keine Werkzeugtests mehr?

[@lmnop291]

but how do i get my input into redux

[@NehaEjaz29]

is Final-Form better than Formik ?

[@reactninja9224]

I think Formik is much better than Final-Form

[@LogicLabyrinth]

@@reactninja9224 care to share why Formik in your opinion is better than Final Form?

[@Garycarlyle]

WOuld be even better if you had included the code for us to play with.