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