What is Storybook and Why do we Use It?
Storybook is UI to explore components in our project. Using it, developers can browse available components
How to Use Storybook to Explore React Components
Lovia PWA project should have Storybook already set up. You can check this if the project has a
.storybook/ folder. Launch Storybook by:
Open http://localhost:6006/ . Now you can explore and play with components.
Add or edit stories in
src/stories/*.stories.tsx (in a project, these stories files can be anywhere)
Advanced: Setting Up Storybook
Note: Storybook vs Bit.dev as component explorer? Bit seems to be more invasive, and opinionated while not entirely inline with what we want. Storybook is simpler to get started, can integrate with existing project, and has useful addons beyond just UI components.