Hands-On Full-Stack Web Development with GraphQL and React

Setting up React Styleguidist

React Styleguidist and our application rely on webpack. Just follow these instructions to get a working copy of it:

1. Install React Styleguidist using npm, as follows:

npm install --save-dev react-styleguidist

2. Usually, the folder structure is expected to be src/components, but we have a client folder between the src and components folder. So, we must configure React Styleguidist to let it understand our folder structure. Create a styleguide.config.js in the root folder of the project to configure it, as follows:

const path = require('path')module.exports = {  components: 'src/client/components/**/*.js',  require: [    path.join(__dirname, 'assets/css/style.css')  ] webpackConfig: require('./webpack.client.config') ...