SB
/sb
... stands for Storybook
ย
-
(React)
Create Typescript project -
(React)
Clean project
โโโ/public/index.html
Minimum code with new title
โโโ/public
Keepindex.html
โโโ/src/App.tsx
Minimum code
โโโ/src/index.tsx
Minimum code
โโโ/src
KeepApp.tsx
,index.tsx
&react-app-env.d.ts
โโโ/package.json
(1) Uninstall @testing packages (x3),@types/jest
&web-vitals
; (2) Removetest
script; -
(Storybook)
Install & clean
โโโ/src/stories
KeepButton
files (x3) -
(GIT)
๐.gitignore
Ignore folder/storybook-static
-
(Storybook)
๐/.storybook/manager-head.html
Set favicon and default title
ย
๐ Create React
project with Typescript
npx create-react-app react-story --template typescript # 'react-story' is the project name
๐ Install Storybook
npx storybook init
๐ Preview Storybook
npm run storybook-run # This script is automatically created during Storybook installation