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:
bw-monorepo: https://github.com/nikelaz/bw-monorepo
bw-ui: https://github.com/nikelaz/bw-ui

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:
Email: [email protected]
Twitter:   / nikelaz  
LinkedIn:   / nikola-lazarov  

#react #vite #form #components