An Express + React starter boilerplate, based on Express Generator and Facebook Incubators' Create-React-App.

Express server runs on port: 3001 and React Frontend on port: 3000.

The React Frontend, created using create-react-app, is found inside the client directory.

• Axios HTTP Client

• React-Redux: Predictable state container for JavaScript apps
• Redux-Thunk: Thunk middleware for Redux
• React-Router: Declarative routing for React
• Redux-Form: A Higher Order Component using react-redux to keep form state in a Redux store

1. On the root level, install Node dependencies with npm install.
2. Start the Node/Express.js backend server with npm start.
3. On another Terminal tab, enter the client subdirectory and install the dependencies with npm install.
4. Start the Webpack dev-server with npm start.
5. In the client's package.json file, the "proxy": "http://localhost:3001" config proxies requests form the frontend to the Express backend.

1. On the client subdirectory, create a production build with npm run build.
2. Express was configured to point to the build directory on the app.js file.
3. Deploy your Node app and Express will automatically point to your React build.

• Juan Pablo Djeredjian: