Form Components 👨‍💻 Develop an App from Scratch (Part 9)

In this video I continue the implementation of the reusable components library with form components. I will implement/style the input, select, textarea and label. The video is focused primarily on styles, keeping the controls as native as possible. The components are built in a Vite library and debugged in the storybook we setup last video.

What you'll learn:
- Create React form components (input, select, textarea and label)
- Style native form components, retaining accessibility and usability

Repository:

Contents:
0:00 Introduction
0:39 Changes Since Last Video
6:58 Input Component
32:48 Select Component
42:15 Textarea Component
45:22 Checkbox and Radio Components
54:17 Label Component
1:08:55 Conclusion

Social Media:

#react #vite #form #components