Development guidelines

Developing a new component means creating a single source of truth on how to add React components to your app. Due to that, JSX code that will have to be written has to be as simple and clear as possible. For example, creating a "breadcrumb" component should be as easy as adding a container and a series of breadcrumb items, hiding the HTML complexity behind that. Something like this:

<Breadcrumb>
  <BreadcrumbItem/>
  <BreadcrumbItem/>
  <BreadcrumbItem/>
</Breadcrumb>

---

In order to get some insights and tip on Storybook 5.0, you can read the following articles:

• https://medium.com/storybookjs/meet-storybook-5-0s-new-design-fb5735bc2a81
• https://medium.com/storybookjs/storybook-5-0-db1d0f9c83b8
• https://medium.com/storybookjs/storybook-docs-sneak-peak-5be78445094a

Also, keep an eye on the official Storybook publication on Medium.

Inspiration:

• IBM Carbon - React (based on an older version of Storybook)
• Pluralsight Design System - React not on Storybook but tidy and clear to use
• GitHub Primer