swyxio/react-typescript-storybook-starter

react-typescript-storybook-starter

This is the end result from https://dev.to/swyx/quick-guide-to-setup-your-react--typescript-storybook-design-system-1c51

update (March 2020)

@joanrm20 has provided an update to rewrite to Component Story Format, I think CSF is great so i merged in the PR here. Check it out!

update (July 2018)

@ncochard has provided an update to rewrite the stories in typescript, i think this is great so i merged in the PR here. Check it out!

Usage

npm install
npm run storybook

You can also build your storybook for static file hosting so your designers can see it:

npm run build-storybook

Happy to take contribution/improvement suggestions.

Related Storybook Typescript docs PR here

react-typescript-storybook-starter's Issues

CSF story format update

Hey @sw-yx ,

I have updated the storybook config according to the docs using main.js, preview.js, manager.js and using CSF.

Besides I've removed the custom Button component in favor of the ones provided by storybook react demo package and some other small updates like replacing addon-jsx and addon info by addon docs.

I was wondering if those changes are interesting for you to get in the repo then I can send a PR.

Here my fork: https://github.com/joanrm20/react-typescript-storybook-starter

Cheers,

Fails out of the gate, with spurious React type conflicts

It looks like some React type dependency skew.

Clone, "yarn", "npm run storybook" gets 170 errors of the form:

ERROR in [at-loader] ./node_modules/@types/react/index.d.ts:2221:19 
    TS2320: Interface 'Element' cannot simultaneously extend types 'ReactElement<any>' and 'ReactElement<any>'.
  Named property 'type' of types 'ReactElement<any>' and 'ReactElement<any>' are not identical.