Add styleguidist to non ejected create-react-app

post.md

How to Add styleguidist to non ejected create-react-app:

• npm install --save-dev react-styleguidist react-docgen-typescript
• create styleguide.config.js:

module.exports = {
  propsParser: require('react-docgen-typescript').parse,
  webpackConfig: require('react-scripts-ts/config/webpack.config.dev')
}

• Run:

npx styleguidist server  # style guide dev server
npx styleguidist build   # build a production HTML version

Links:

• https://react-styleguidist.js.org/docs/webpack.html#create-react-app-typescript
• https://react-styleguidist.js.org/docs/getting-started.html