Skip to content

Basic app that uses hot-loading, react-router, es6 babel with an express server

License

Notifications You must be signed in to change notification settings

tutorialhorizon/react-webpack-nodejs-starterkit

Repository files navigation

react-webpack-nodejs-starterkit

The master branch of this repo is a starter kit that uses React without any flux frameworks and integrates it with an application level express server that is configured to hot reload your react componets in development environment.


Basic integrations

  • React 0.14
  • React-Router 1.x
  • Webpack
  • React Hot Loading - to auto reload your UI components
  • Stylus and nib CSS preprocessors
  • Babel es6 transpiling
  • Nodemon - to watch server files
  • Express server integrated with hot loading
  • Bootstrap styles

Other goodies

  • winston for logging at the express server.
  • npm scripts for building production and development assets
  • npm run lint - runs eslint
  • Static files are served from public/ using expres.static.

npm scripts

You can run the app in a snap using the npm scripts described below. These scripts cause the app to read the configuration from /config/index.js.

$ npm run hot-dev

Watches for changes to your react components in the /src directory as well as sets up nodemon to watch your /server directory and automatically reloads everything!

$ npm run dev

Run this when you dont want any file watching but need to use development configuration from /config/index.js.

$ npm run prod

Run this when you want to use the production environment configuration from /config/index.js and production settings for webpack.

See the package.json scripts section for more details on the scripts.


About

Basic app that uses hot-loading, react-router, es6 babel with an express server

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published