Собственно, в этой статье я попытался объяснить вам логику сборника рассказов.

Я надеюсь, что это будет полезно :)

Компоненты, как известно, разрозненные, мы создаем проекты, комбинируя эти части, и пакет сборника рассказов приходит нам на помощь, чтобы обеспечить целостность.

Что такое сборник рассказов?

Это помогает вам создавать компоненты пользовательского интерфейса, изолированные от бизнес-логики и контекста вашего приложения.

Преимущества;

— Самым большим преимуществом, на мой взгляд, является обеспечение целостности дизайна.
— Создание проектов с использованием компонентов, готовых к любой ситуации, и дизайн обеспечивает большое удобство.
— Избегание сложности компонентов в проекте.

Давайте попробуем шаг за шагом вместе…

npx degit chromaui/intro-storybook-react-template storybook-example

Этот шаблон содержит необходимые стили, активы и базовые конфигурации для этой версии руководства.

Затем нам нужно установить все зависимости;

npm install

Мы должны протестировать наше приложение;

npm run test
#start storybook
npm run storybook
#start react
npm start

Экраны, которые мы должны увидеть после выполнения наших команд, следующие.

Если вы хотите просмотреть ;

https://github.com/yusufeliacik/рассказ-пример