Current Version as of 12/02/2016: 1.0.1

Welcome to my app! Hopefully this will help with your Webpack 2, HMR, react, react-router, and Redux troubles! Note: package.json has hard-coded dependencies! I will update these manually to ensure they do not break.

1. Clone the repository

git clone [email protected]:jmahc/boilerplate-react-redux-router-hmr.git boilerplate-application

2. Change directory to the repository's newly cloned location

cd boilerplate-application

3. Install the dependencies

npm install

or if using Yarn

yarn

4. Run your application in Development mode

npm run dev

5. Run your application in Production mode (coming soon)

npm run start

Below are the different technologies used in this repository.

• html-webpack-plugin

• Babel
• ES6 syntax
• JSX

• redux-devtools
• No sagas, ducks, etc.

• CSS
• PostCSS
• SASS/SCSS
• sass-lint

• yarn

Below are several tasks that I want to tackle:

• Individual branches for:
  • HMR + React (Redux-free & Router-free)
  • HMR + React + Router (Redux-free)
  • HMR + React + Redux (Router-free)
  • HMR + React + Redux + Router
• Blog post on the process with explanations
• Testing framework
• Webpack optimizations
  • Base configuration file
  • Unique builds based on NODE_ENV
    • Development
    • Production
  • Development
    • Improved build times
      • Caching modules
        • happypack implementation
  • Production
    • purifycss-webpack-plugin implementation
• Repository tools
  • Code coverage
  • Up-to-date package dependency notification

Below are the following sources that allowed me to wind up with this 'working' instance of React, React Router, Hot Module Replacement and Webpack 2! It was not an easy task - believe me!

• Example 1 - link 1
• Example 2 - link 2
• Example 3 - link 3

Made by: Jordan McArdle