-
리액트 & 스토리북 설치Project/Figma+Storybook 2023. 10. 26. 15:05
https://storybook.js.org/docs/react/get-started/install?ref=chromaticblog.ghost.io
Install Storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It’s open source and free.
storybook.js.org
리액트 프로젝트 생성
$ npx create-react-app test-design-system --template ko스토리북 등록
$ cd test-design-system $ npx -p @storybook/cli sb init스토리북 실행
$ yarn run storybook $ npm run storybook스토리북 빌드
$ npm run build-storybook참조)
https://storybook.js.org/tutorials/
Storybook Tutorials
Learn how to develop UIs with components and design systems. Our in-depth frontend guides are created by Storybook maintainers and peer-reviewed by the open source community.
storybook.js.org
'Project > Figma+Storybook' 카테고리의 다른 글
yarn storybook error const stringWidth = require('string-width') (0) 2023.11.09 chromatic에 git action 설정 (0) 2023.10.30 Storybook Webpack5 오류 (0) 2023.10.27 chromatic 배포 세팅 (0) 2023.10.26 디자인 시스템 & 스토리북 & 피그마란? (0) 2023.10.25