https://github.com/velopert/storybook-tutorial-code
Source code for storybook-tutorial
https://github.com/velopert/storybook-tutorial-code
Last synced: 10 months ago
JSON representation
Source code for storybook-tutorial
- Host: GitHub
- URL: https://github.com/velopert/storybook-tutorial-code
- Owner: velopert
- Created: 2019-11-18T18:14:23.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T01:20:14.000Z (over 3 years ago)
- Last Synced: 2025-04-01T22:52:29.976Z (about 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 3.56 MB
- Stars: 53
- Watchers: 2
- Forks: 10
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-uikit-sample
A Sample React UI Kit.
[Storybook](https://react-uikit-sample.surge.sh)
Used tools:
- TypeScript
- Storybook
- Rollup
## Tags
각 섹션별로 Git Repository 의 태그가 생성되어 있습니다.
- [2-1. Knobs Addon](https://github.com/velopert/storybook-tutorial-code/tree/02a)
- [2-2. Actions 애드온](https://github.com/velopert/storybook-tutorial-code/tree/02b)
- [2-3. Docs 애드온](https://github.com/velopert/storybook-tutorial-code/tree/02c)
- [3. TypeScript 사용하기](https://github.com/velopert/storybook-tutorial-code/tree/03)
- [4-1. Button 만들기](https://github.com/velopert/storybook-tutorial-code/tree/04a)
- [4-2. ButtonGroup 만들기](https://github.com/velopert/storybook-tutorial-code/tree/04b)
- [4-3. Icon 만들기](https://github.com/velopert/storybook-tutorial-code/tree/04c)
- [4-4. Dialog 만들기](https://github.com/velopert/storybook-tutorial-code/tree/04d)
- [5-1. Rollup으로 라이브러리 번들하기](https://github.com/velopert/storybook-tutorial-code/tree/05a)
- [5-2. npm에 publish 하기](https://github.com/velopert/storybook-tutorial-code/tree/05b)
프로젝트를 clone 했을 경우 다음 명령어를 사용하여 특정 태그의 코드를 볼 수 있습니다.
```
git checkout 02a
```