/react-express-hmr-example

An example project of using React.js on Express.js server together with webpack-dev-server that has Hot Module Replacement enabled using react-hot-loader.

Primary LanguageJavaScript

React-Express-HMR-Example

About

This is an example project that uses React.js on Express.js server. In development environment, webpack-dev-server will be launched together with Express.js server that has Hot Module Replacement enabled using react-hot-loader.
Both of client-side and server-side codes are written in ES6 syntax.

The port of Express.js server is 3000 and port of webpack-dev-server is 3001.

Installation

npm install -g webpack babel
npm install

Scripts

clean

# removes build directory and bundle.js
npm run clean

build

# transpiles ES6 codes of both client-side and server-side
npm run build

start

# starts the server with production environment
npm run start

development

# starts the server with development environment
npm run development