Skip to main content

Creation of a design system with ReactTS and Storybook

Github: Document: https://storybook.js.org/docs/react/get-started/install

What is a design system?

A design system is a set of reusable components used to create a user interface.

What is Storybook?

Storybook is a tool for creating user interfaces in isolation. Useful for creating a design system.

It works through stories. A story is a ReactTS component with a given state.

Storybook installation

npx storybook@latest init

Process :

  • ReactTS basic project
  • Storybook installation
  • Creation of a Card component
  • Creation of a story for the Card component.