We are living the "component-based" era, where any user interface is split into small reusable pieces that we assemble into pages. Whenever it's in...
For further actions, you may consider blocking this person and/or reporting abuse
I’m currently working with a system with 30-50 (never counted) components and then more composite components (think confirmation dialogs containing buttons, dialogs, checkboxes).
We have a components repository, each component has a directory with tests the component and a story.
It means we can keep logical separation of our stories and scope the file we are looking at.
You should try it, I can’t imagine how hard it becomes to search for components etc. When you have so many in one file.
Good read though!
Actually I don't think we need it even if we have more components that you have.
As our design system is really used to one project, I feel like it could be a bit overkill to me.
But if our components are shared to several projects we will certainly do something in this taste
Fair enough, I like working with small focused files. If it’s not for you or your project 🤷♀️.
TBF I am working on a huge multi service project.
thanks !
Good read!
What's your thoughts on the atomic design approach with atoms => molecules => organisms => templates => pages?
We're using Storybook in a Lerna mono repo with the business logic in a separate package. We're about to restructure our Storybook as it's starting to get a little bit cluttered and we don't have a clear structure.
atomicdesign.bradfrost.com/chapter...
I would like to see some example of container stories
Wow!
Very useful article indeed ! 🙌
Hey, how are you "exporting" out your components to be used by your project? OR are you sitting this storybook IN your repo? What if you have another project that needs your Button component?
@loicgoyet & all. I have a already created project with separated components (Button, Input, Card). How can I manage variations of those components with Storybooks.
Hello Suresh, if you want to start out with Storybook you should learnstorybook.com. The website is maintained by the Storybook core team and provides all the resources to discover the library the concept of a design system.