Docs: Added Create React App + Typescript info (styleguidist#610)

Author: thomastvedt

Readme.md

@@ -45,7 +45,8 @@ Real projects using React Styleguidist:
 ## Integration with other tools
 
 * Create React App — just works, see the [Getting Started](https://react-styleguidist.js.org/docs/getting-started.html) guide!
-* [TypeScript](https://github.com/styleguidist/react-docgen-typescript)
+* Create React App + TypeScript, see [Configuring webpack](https://react-styleguidist.js.org/docs/webpack.html)
+* TypeScript, see [react-docgen-typescript](https://github.com/styleguidist/react-docgen-typescript)
 
 ## Resources
 

docs/Webpack.md

@@ -77,6 +77,21 @@ module.exports = {
 
 [Create React App](https://github.com/facebookincubator/create-react-app) is supported out of the box, you don’t even need to create a style guide config if your components could be found using a default glob pattern, `src/components/**/*.{js,jsx}`.
 
+## Create React App, TypeScript
+
+If you're using [Create React App](https://github.com/facebookincubator/create-react-app) and Typescript, you need to:
+- Install [react-docgen-typescript](https://github.com/styleguidist/react-docgen-typescript)
+- Create a `styleguide.config.js`, see [this guide](Configuration.md)
+- Add a `components`, `webpackConfig` and `propsParser` section to your `styleguide.config.js`:
+
+```javascript
+module.exports = {
+  components: 'src/components/**/*.{ts,tsx}',
+  propsParser: require('react-docgen-typescript').parse,
+  webpackConfig: require('react-scripts-ts/config/webpack.config.dev.js')
+}
+```
+
 ## Non-webpack projects
 
 If your project doesn’t use webpack you still need loaders for your files. You can use [webpack-blocks](https://github.com/andywer/webpack-blocks).