📚

Storybook with CRA and TS

Table of contents

bash

$ yarn create react-app storybook --template typescript

bash

$ cd storybook

bash

$ npx -p @storybook/cli sb init --story-format=csf-ts

.storybook/main.js를 따로 수정 할 필요없이 한번에 초기화 해준다.

src/stories 하위의 파일들도 .tsx로 생성해준다.

bash

$ yarn add -D @storybook/addon-info react-docgen-typescript-loader

bash

$ yarn add styled-components @types/styled-components

Reference