Technology Radar TemplateTechnology Radar Template

Storybook

frontendux/ui
This item was not updated in last three versions of the Radar. Should it have appeared in one of the more recent editions, there is a good chance it remains pertinent. However, if the item dates back further, its relevance may have diminished and our current evaluation could vary. Regrettably, our capacity to consistently revisit items from past Radar editions is limited.
Adopt

In recent years, Storybook has become the de facto standard for creating UI components in isolation. We have been using Storybook in many projects for quite some time now and really loving the approach.

With version 6, the config has been greatly simplified to achieve the goal of a zero-config approach in the future.

  • compatible and easy to integrate with major frameworks like React, Angular, Vue.js ...
    • presets for Create React App, Next.js, nuxt ...
  • build in TypeScript support
  • build in addons like controls, actions, docs ...
  • growing library of third party addons
Assess

Storybook is a user interface development environment and playground for UI components. The tool enables developers to create components independently and showcase components interactively in an isolated development environment. Storybook runs outside the main app so users can develop UI components in isolation without worrying about app specific dependencies and requirements.