Controlled and Uncontrolled Elements or Two Ways to Handle Form Data in React App

First video in _React Essentials_ series.

In this video we'll learn about two ways to handle form data in React application.

There are two ways you can get data from your form: via refs using uncontrolled elements or via state using controlled elements. In this video we'll see how both of these approaches work on simple form.

[大盗江南]

This is the best tuto for this subject, i thank you a lot! buddy! nice job buddy!

[crypto_peng]

Hi, why your syntax/hightlight so different, could you share which package you install on ATOM? Thanks!

[kenjohnsiosan]

Thank you sir :) I've been following your CRUD with Redux Series and notice that the repo isn't updated?

[toostoned]

Hi Rem, thanks as usual for the best tutorial series on YouTube!

I would like to see your approach to sending multipart form data using react/express. And maybe some file upload progress and that sort of thing?

Edit: I found react-dropzone which takes care of everything I need and very easy to use.

[Gamerweazel]

i had no idea you could init state without calling constructor on es6 classes, or bind to class instance with arrow functions, just tried in my code and worked like a charm!

[husseinsaad]

What's the name of this font, just like it!

[muhammadarham]

Can i know what name font u use? Tanks

[HozefaJodiawala]

Can you please share you eslint & babelrc config please.

[priyajain]

Hello Sir. Your tutorial was quite simple and easily understandable. But while trying out the controlled form, I came across an issue. I am unable to access the text field. If I remove the 'value' property from each input field of my form, it allows me to enter the text inside the text box otherwise it won't work.? Can you please suggest the solution for this issue? I matched my form syntax with yours and it was completely the same but still won't work.

[wojciechg]

Hi, thanks for great tutorials. Any chance you could do a series on redux-saga? Or at least tell me if it is worth pursuing.

[codingfun]

could you please make vedio on reactjs Breadscrumb ?

[sskdev]

how would you do it for telephone numbers?

[nicolasparada]

Or you add names to your inputs and access them through the form submit event.

const title = event.target.title.value
const tagline = event.target.tagline.value
const own = event.target.own.checked

[baoziwu]

Hi, nice tutorial. Could you share your snippets? Like 'ccom'

[michaelellis]

It seems burdensome that React requires you to manually bind component properties to JSX elements and doesn't automatically do it like in Angular, Knockout, etc.

[whiskey]

why do you have a onChange event handler?? why dont you just use onSubmit even handler for the form? i dont understand why you wanna use onChange can you explain why not just use and set state when u return the form?
?

[musavirali]

why the fuck so fast ? :/, are you teaching or just having fun