React/Express/Webpack Boilerplate

React Boilerplate

The following repo contains a very basic setup

git clone https://github.com/asieke/React-Express-Boilerplate.git
cd React-Express-Boilerplate
npm install

Running the server

Kick off webpack so that its running. Its set to use the -w option so it’ll continuously compile the client/src directory into client/dist

npm run react-dev

Start the Server

Nodemon should be installed – so all changes to the server will be automatically reloaded. You should be up and running at localhost:3000

npm start

The Express Server

It doesn’t really do much other than serve the static files in client/dist

Client

In the client/dist directory, you’ll find the compiled bundle.js which is imported by index.html.

In the src/ directory we have the bare bones of a basic react app that has an index.jsx file and an App component that prints Hello World

Webpack Config

Uses babel to precompile and currently is only set up for .jsx files

GitHub

View Github