Components Library with Vite & Storybook 👨💻 Develop an App from Scratch (Part 8)
In this video I'll demonstrate how to setup a web UI components library using Vite and its library mode, storybook for the documentation/reference and debugging. The components library will be used for the budget tracking application and in this first video I will do the library repository setup and implement the first two components - the button and icon.
What you'll learn:
- Create a React Components Library using Vite and its Library Mode
- Setup and Use Storybook with React
- Integrate a Components Library with Next.js
Repository:
bw-monorepo:
bw-backend-service:
bw-web-client:
bw-ui:
Contents:
0:00 Introduction
5:18 Vite Project Setup
22:47 Storybook Setup
28:00 Deploy as Package and Install in Next.js App
32:45 Button Component
51:38 Icon Component
59:05 Icon Button Component
1:12:12 Conclusion
Social Media:
Email: nikola.n.lazarov
Twitter:
LinkedIn:
Watch video Components Library with Vite & Storybook 👨💻 Develop an App from Scratch (Part 8) online without registration, duration 01 hours 12 minute 22 second in high hd quality. This video was added by user NL Tech 21 April 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1 thousand once and liked it 3 people.