Express + React Starter Template Project

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.

Added libraries

Node/Express Backend

• Axios HTTP Client

React Frontend

• 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

Development Instructions

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.

Deploy to production

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.

Author

• Juan Pablo Djeredjian: