storybook

Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation. (by storybookjs)

Storybook Alternatives

Similar projects and alternatives to storybook

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better storybook alternative or higher similarity.

storybook reviews and mentions

Posts with mentions or reviews of storybook. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-11-28.
  • Getting Tailwind to Work with Elm Book
    12 projects | dev.to | 28 Nov 2022
    Trying to help build a design system at work in my spare time; no clue if it will go anywhere but it’s fun regardless. I asked the Elm Slack group what the equivalent of React Storybook. Specifically, I wanted a way to build a documentation website like Vuepress with the ability to host native Elm code to showcase components. They pointed me to Elm Book. While Elm Book has built-in theming capabilities, I needed CSS control over my components. While they support elm-css, I wanted the ability to use TailwindCSS. The Elm libraries haven’t kept up with Tailwind’s changes, which is fine; writing raw Tailwind CSS on Elm HTML functions is easy and co-located with the component you’re styling.
  • Ask HN: Is it time for a new Storybook?
    4 projects | news.ycombinator.com | 19 Nov 2022
    I'm sure many have heard of Storybook [0]. I've used it pretty much since the start from ~2016 (back when Angular was cargo-culting it like mad). I've always had generally negative experiences with it:

    1) Messy Javascript API resulting in inexpressive storybook files, particularly for big frameworks like Angular and big components.

    2) Slow AF with webpack/terser/etc. And that's ebfore you start bolting on crazy addons like compodoc.

    3) Tries to solve so many different problems (just a subjective opinion of mine).

    4) Insane levels of "framework magic", particularly when I've used it with Angular, but also in other scenarios too.

    ---

    So, I wanted to ask HN to gauge the appetite for a similar but not same kind of Storybook:

    1) Extremely expressive Javascript API. Think Jest.

    2) Go CLI (allowing direct interface with ESBuild, etc.).

    3) ESBuild-centric (rather than webpack, or worse, addons [1]).

    4) Typescript-centric (rather than seeming like an after-thought).

    5) Much less framework magic (think React, Redux, etc. Stick mostly to simple explicit JS behaviors).

    6) Probably a lot more that haven't come to mind yet.

    Before I go any further with it, it would be amazing to hear what you guys think about all of this. What are your thoughts about Storybook? Too much tech debt for them to modernize? Am I just being silly and picky about Storybook? Am I the crazy one?

    Thanks HN!

    [0] https://storybook.js.org/

    [1] https://storybook.js.org/addons/storybook-addon-turbo-build

  • Создаем React-компоненты иконок с помощью Figma API и SVGR. Часть 2.
    6 projects | dev.to | 16 Nov 2022
  • Learn to Scale React Development with Nx
    3 projects | dev.to | 1 Nov 2022
    Storybook
  • You shouldn't write CSS anymore
    2 projects | dev.to | 31 Oct 2022
    Another helpful tool we are using here is Storybook. Every reusable component from our codebases comes from a package called UI. Inside that package, we had a .stories.tsx file that displays the respective component with its props, some examples, and other useful documentation.
  • Personal Angular Best Practices
    3 projects | reddit.com/r/Angular2 | 24 Oct 2022
    In your daily work, plan some time for refactoring. Scroll and look through your code and try to improve it. Don't like the naming of a component? Module structure seems unlogical? Missing some test coverage? Dig into and refactor that stuff. Always think "If I was a new developer working on that project, would be everything crystal clear for me?". Adding README files (on module or component level as well) or using component library like Storybook is also very useful.
  • Vue2/Vuetify/Storybook Boilerplate
    2 projects | reddit.com/r/vuejs | 21 Oct 2022
    Having recently gotten into Storybook I realized there wasn't any recent and decent documentation or examples on using the latest Storybook with Vue 2 and Vuetify. I whipped one up and it can be found here in case anyone is interested.
  • Are there any better alternatives to Webflow?
    2 projects | reddit.com/r/webdev | 12 Oct 2022
    IMO best you could do is maybe storybook. But that's not really an "editor", just a way of generating a visual "UI library".
  • 33 React Libraries Every React Developer Should Have In Their Arsenal
    13 projects | dev.to | 5 Oct 2022
    27. storybook
  • Where do you find your HTML components, and how do you store them if you want to reuse them?
    2 projects | reddit.com/r/tailwindcss | 22 Sep 2022
    I think Storybook is the application you are looking for. It's for visual testing your components.
  • A note from our sponsor - Sonar
    www.sonarsource.com | 4 Dec 2022
    Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →

Stats

Basic storybook repo stats
227
75,303
10.0
4 days ago
Close all those tabs. Zigi will handle your updates.
Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.
www.zigi.ai