React Forms: the SIMPLEST way

  Рет қаралды 25,385

Software Developer Diaries

Software Developer Diaries

Күн бұрын

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....
======⚡⚡⚡======
🙌 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.mozi...
checkValidity: developer.mozi...
And don't forget to subscribe for more videos like this 😊
#react

Пікірлер: 21
@conradunderwood6742
@conradunderwood6742 Жыл бұрын
Thanks for the video! I found it easy to understand even though it is my first time using React and React forms.
@Gbw99
@Gbw99 5 ай бұрын
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
@SoftwareDeveloperDiaries 5 ай бұрын
Glad I could help! 🤓
@rameshcena
@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
@SoftwareDeveloperDiaries Жыл бұрын
Yes, it’s only for simple cases with no complex validation logic
@papa_ethan
@papa_ethan 3 ай бұрын
Confusing in the end.
@MohamedHassan-yk5xn
@MohamedHassan-yk5xn Жыл бұрын
Nice video, thanks. I usually use Formik to handle my forms.
@SoftwareDeveloperDiaries
@SoftwareDeveloperDiaries Жыл бұрын
Thanks for sharing! :)
@igetknock11
@igetknock11 3 ай бұрын
Where can i get this boostrap form layout ? as it doesnt appear in my browser
@chisomprogress5238
@chisomprogress5238 Ай бұрын
Type React Bootstrap in your browser, then search for forms in the component documentation.
@randompointlessness2766
@randompointlessness2766 10 ай бұрын
What if I dont want the styles of bootatrap to be added ? 😅
@sixthsense844
@sixthsense844 4 ай бұрын
Then change it to what you want :/
@sriyell
@sriyell 9 ай бұрын
Thankyou for wasting time
@rahmanmusah4470
@rahmanmusah4470 4 ай бұрын
😂😂😂😂😂
@topkangaroo7892
@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
@libra2054 Жыл бұрын
tu seras pauvre au debut mdr
@libra2054
@libra2054 Жыл бұрын
I followed your tutorial and it didn't work
@mdmofazzalhossain77
@mdmofazzalhossain77 Жыл бұрын
the worst tutorial ever
@ayushSharma-fx3pf
@ayushSharma-fx3pf Ай бұрын
Don't see the video it is off topic and of no use
@Pareshbpatel
@Pareshbpatel 3 ай бұрын
{2024-07-08}
Clean React Code: DOs and DON'Ts
9:06
Software Developer Diaries
Рет қаралды 10 М.
React Hook Form - Complete Tutorial (with Zod)
28:22
Cosden Solutions
Рет қаралды 119 М.
How To Get Married:   #short
00:22
Jin and Hattie
Рет қаралды 28 МЛН
Optimizing Rendering Performance in React
7:50
Software Developer Diaries
Рет қаралды 76 М.
BEST Ways to Handle and Validate React Forms without a Library
42:38
How To Debug React Apps Like A Senior Developer
21:07
Web Dev Simplified
Рет қаралды 147 М.
The favorite way to create forms in Next.js
11:27
Web Dev Cody
Рет қаралды 27 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 690 М.
Microservices with Databases can be challenging...
20:52
Software Developer Diaries
Рет қаралды 56 М.
How to build elegant React forms with React Hook Form
22:34
Ian Lenehan
Рет қаралды 89 М.
All 17 React Best Practices (IMPORTANT!)
1:46:11
ByteGrad
Рет қаралды 157 М.