Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

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

Top comments(4)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss
CollapseExpand
 
nickytonline profile image
Nick Taylor
I'm a fan of Open Source and have a growing interest in serverless and edge computing. I'm not a big fan of spiders, but they're doing good work eating bugs. I also stream on Twitch.
  • Email
  • Location
    Montréal, Québec, Canada
  • Education
    University of New Brunswick
  • Pronouns
    He/Him
  • Work
    Developer Advocate at Pomerium
  • Joined

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 StatusGitHub commit activityGitHub issues ready for devGitPod badge

Welcome to theForem codebase, the platform that powersdev.to. We are so excited to have you. With your help, we canbuild out Forem’s usability, scalability, and stability to better serve ourcommunities.

What is Forem?

Forem is open source software for building communities. Communities for yourpeers, customers, fanbases, families, friends, and any other time and spacewhere people need to come together to be part of a collectiveSee our announcement postfor a high-level overview of what Forem is.

dev.to (or just DEV) is hosted by Forem. It is a community ofsoftware developers who write articles, take part in discussions, and buildtheir professional profiles. We value supportive and constructive dialogue inthe pursuit of great code and career growth for all members. The ecosystem spansfrom 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 modeExit fullscreen mode
CollapseExpand
 
pavelkeyzik profile image
Pavel Keyzik
Front-end developer
  • Location
    Poland
  • Work
    Software Engineer
  • Joined

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.

CollapseExpand
 
andrewbaisden profile image
Andrew Baisden
Software Developer | Content Creator | AI, Tech, Programming
  • Location
    London, UK
  • Education
    Bachelor Degree Computer Science
  • Work
    Software Developer
  • Joined

I just use vanilla Storybook.

CollapseExpand
 
pavelkeyzik profile image
Pavel Keyzik
Front-end developer
  • Location
    Poland
  • Work
    Software Engineer
  • Joined

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

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

Front-end developer
  • Location
    Poland
  • Work
    Software Engineer
  • Joined

More fromPavel Keyzik

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp