This is how our final app structure looks like (excluding the build folder, which is essentially the same as the source folder):
├── .babelrc ├── Procfile ├── assets │ ├── app.css │ ├── favicon.ico │ └── index.html ├── config.js ├── package.json ├── server-development.js ├── server-production.es6 ├── server-production.js ├── source │ ├── client │ │ └── index.jsx │ ├── routes │ │ └── index.jsx │ └── shared │ ├── actions │ │ └── index.js │ ├── api │ │ └── fetch-posts.js │ ├── reducers │ │ └── index.js │ ├── settings.js │ ├── store │ │ └── configure-store.js │ └── views │ ├── about.jsx │ ├── app.jsx │ ├── calculator.jsx │ ├── error.jsx │ ├── layout.jsx │ ├── news.jsx │ └── posts.jsx ├── Webpack-development.config.js └── Webpack-production.config.js
The server structure remains more or less the same, and the source folder...