DEV Community

Eduard Constantin
Eduard Constantin

Posted on • Edited on

Storybook Genie

What I built

A command-line interface tool that can generate storybook stories from react components

Category Submission:

Wacky Wildcards

App Link

https://www.npmjs.com/package/storybook-genie

Screenshots

CLI tool

Description

Storybook Genie is a command-line interface tool that can be used to convert files that contain React components into Storybook stories.

Link to Source Code

https://github.com/eduardconstantin/storybook-genie

Permissive License

MIT

Background (What made you decide to build this particular app? What inspired you?)

I also created a web app that does the same thing with one small inconvenient, the user has to copy-paste the components in and from the app. That's how Storybook Genie was born, I wanted to make a tool for the editor that can simplify the process.

How I built it (How did you utilize GitHub Actions or GitHub Codespaces? Did you learn something new along the way? Pick up a new skill?)

I used Github Codespaces to build this tool, which was really easy to work with. I learned how to publish a npm package on npmjs.com and on Github. and I learned how to make command-line tools in nodeJS.

Additional Resources/Info

Top comments (0)