DEV Community

Cover image for What do you use while working with Storybook?
Pavel Keyzik
Pavel Keyzik

Posted on

What do you use while working with Storybook?

Hey everyone! I'm going to use Storybook for my design system. I'd love to hear any suggestions like "Try this plugin, it's awesome". Something, like switching between themes, generating layout to show all colors, fonts, etc. Maybe even some tips and tricks

Discussion (4)

Collapse
nickytonline profile image
Nick Taylor

Take a peek at the Forem code base, the software that powers dev.to! Lots of plugins in use there for Storybook!

GitHub logo forem / forem

For empowering community 🌱


Forem 🌱

For Empowering Community

Build Status GitHub commit activity GitHub issues ready for dev GitPod badge

Welcome to the Forem codebase, the platform that powers dev.to. We are so excited to have you. With your help, we can build out Forem’s usability, scalability, and stability to better serve our communities.

What is Forem?

Forem is open source software for building communities. Communities for your peers, customers, fanbases, families, friends, and any other time and space where people need to come together to be part of a collective See our announcement post for a high-level overview of what Forem is.

dev.to (or just DEV) is hosted by Forem. It is a community of software developers who write articles, take part in discussions, and build their professional profiles. We value supportive and constructive dialogue in the pursuit of great code and career growth for all members. The ecosystem spans from beginner to advanced developers, and all are welcome to find their place…

You can see what’s used in the package.json

    "@storybook/addon-a11y": "^6.4.22",
    "@storybook/addon-actions": "^6.4.22",
    "@storybook/addon-docs": "^6.4.22",
    "@storybook/addon-knobs": "^6.4.0",
    "@storybook/addon-links": "^6.4.22",
    "@storybook/addon-storysource": "^6.4.22",
    "@storybook/addons": "^6.4.20",
    "@storybook/builder-webpack5": "^6.4.22",
    "@storybook/manager-webpack5": "^6.4.22",
Enter fullscreen mode Exit fullscreen mode
Collapse
pavelkeyzik profile image
Pavel Keyzik Author

I've heard about a11y, but Storysource looks like something interesting. Thank you 👍 I love how it looks in Markdown Docs, it's just an implementation, just JSX. But with usual JS it's just entire file. Anyway, it's cool to have everything inside the Story itself.

Collapse
andrewbaisden profile image
Andrew Baisden

I just use vanilla Storybook.

Collapse
pavelkeyzik profile image
Pavel Keyzik Author

It's nice too. As Storybook have a lot of useful things by default 👍