React Forms: the SIMPLEST way

The cleanest and simplest way of creating React forms without 3rd-party libraries. Let's see what a bad way vs. a good way of building a React form is.
======⚡⚡⚡======
Consider supporting the channel by clicking the "Thanks" button ❤️
👉 Get a 20% discount on Brilliant.org (to learn Science, Technology, Engineering, and Math): brilliant.sjv.io/kjVO2z
======⚡⚡⚡======
🙌 Become my Patreon and get exclusive perks: / softdevdiaries
💼 Follow me on LinkedIn and drop me a message if you'd like: / gusgadirov
💻 Also, let's connect on GitHub: github.com/gusgad
📚 Resources:
FormData: developer.mozilla.org/en-US/d...
checkValidity: developer.mozilla.org/en-US/d...
And don't forget to subscribe for more videos like this 😊
#react

[@conradunderwood6742]

Thanks for the video! I found it easy to understand even though it is my first time using React and React forms.

[@Gbw99]

hey! first of all thanks for the video, I landed here because I was looking at my code and I was thinking there was something wrong with this part of the code and I knew I could do something cleaner.
And your video showed me how to :)

[@SoftwareDeveloperDiaries]

Glad I could help! 🤓

[@igetknock11]

Where can i get this boostrap form layout ? as it doesnt appear in my browser

[@rameshcena]

You are making a trade-off by removing the feature to validate on-the-fly. Validating everything on submit is not necessarily an efficient way depending on the case.

[@SoftwareDeveloperDiaries]

Yes, it’s only for simple cases with no complex validation logic

[@MohamedHassan-yk5xn]

Nice video, thanks.
I usually use Formik to handle my forms.

[@SoftwareDeveloperDiaries]

Thanks for sharing! :)

[@randompointlessness2766]

What if I dont want the styles of bootatrap to be added ? 😅

[@sixthsense844]

Then change it to what you want :/

[@topkangaroo7892]

bro i am fresh front-end developer
how much salary could i expect (with 0 years of exp)
and also interview question asked in interview if you can tell
please

[@libra2054]

tu seras pauvre au debut mdr

[@papa_ethan]

Confusing in the end.

[@libra2054]

I followed your tutorial and it didn't work

[@Pareshbpatel]

{2024-07-08}

[@sriyell]

Thankyou for wasting time

[@rahmanmusah4470]

😂😂😂😂😂

[@mdmofazzalhossain77]

the worst tutorial ever