👋 Hey! If you are here it means you would like to learn how to build a component from scratch. You are at the right place!
First of all, why should you? Over time successful products naturally evolve. New features are added, until things get complicated and creating a proper design system becomes indispensable. Starting from scratch can be intimidating but in this repository you will be able to find ready-to-use code to make it easy.
We also recorded a webinar. Federica Vacca, Belka’s front-end engineer, will show you step-by step how to do it. 👉 Here you can watch it: https://www.youtube.com/watch?v=4fBjtWsEx6w&t=357s
Clone it, run yarn and then yarn storybook to view the components.
Click the link above to open the recorded webinar and learn how to make the card. The card's tutorial starts at minute 18:30.
If you want to see the card's code you can go inside the Pull request tab. The open pull request contains the code that is shown in the video.
- CVA https://cva.style/docs
- Storybook https://storybook.js.org/
- Tailwind https://tailwindcss.com/