Собственно, в этой статье я попытался объяснить вам логику сборника рассказов.
Я надеюсь, что это будет полезно :)
Компоненты, как известно, разрозненные, мы создаем проекты, комбинируя эти части, и пакет сборника рассказов приходит нам на помощь, чтобы обеспечить целостность.
Что такое сборник рассказов?
Это помогает вам создавать компоненты пользовательского интерфейса, изолированные от бизнес-логики и контекста вашего приложения.
Преимущества;
— Самым большим преимуществом, на мой взгляд, является обеспечение целостности дизайна.
— Создание проектов с использованием компонентов, готовых к любой ситуации, и дизайн обеспечивает большое удобство.
— Избегание сложности компонентов в проекте.
Давайте попробуем шаг за шагом вместе…
npx degit chromaui/intro-storybook-react-template storybook-example
Этот шаблон содержит необходимые стили, активы и базовые конфигурации для этой версии руководства.
Затем нам нужно установить все зависимости;
npm install
Мы должны протестировать наше приложение;
npm run test
#start storybook
npm run storybook
#start react
npm start
Экраны, которые мы должны увидеть после выполнения наших команд, следующие.
Если вы хотите просмотреть ;