My first PR to the DEV repository was when I added Storybook to the project. In fact, this was in March of 2018, when the repository was private (which means that I can't even link you to the PR where I added it!)

Screenshot of my first commits to the DEV codebase

If you're interested, here is the commit.

If you are new to Storybook I recommend giving this post I wrote a while back a read as well as checking out the Storybook documentation.

The TLDR is, Storybook allows you to build out components in isolation and test them visually based on the different states they could be in. Each story you write is the component in a different state.

I added some stories for some Preact components, but after that, Storybook never really got used. Fast forward to January 2020. I started working at DEV and I had some discussions with my awesome product designer Pawel, @pp, about the design system. I mentioned that Storybook was already in the project, but needed to be resuscitated. Once I got it back up and running, we started collaborating, building out design system components and some application components.

Storybook could be run locally if you had the DEV codebase but it was not deploying as part of our CI/CD pipeline. After doing some pairing with @andy this week, we got it deploying to Netlify (awesome service!) whenever JavaScript files changed on master.

All that to say, you can view our very work in progress Storybook at storybook.dev.to.

Photo by Robyn Budlender on Unsplash