Awesome Open Source
Awesome Open Source

[No longer maintained] I will continue to maintain the TypeScript version.

hapi-react-hot-loader-example

Example universal/isomorphic application demonstrating react-hot-loader-3 with webpack-3, react and friends, async code splitting, and hapi.

Check out the TypeScript version here

Found this usefull? give it a ⭐️

Windows users see the last section of this README

get started

  1. $ yarn
  2. $ yarn dev
  3. http://localhost:3000

dev tasks

  • $ yarn lint (eslint)
  • $ yarn dev (local development w/ server)

Type rs with a carriage return to restart nodemon if you make changes to the server.js file or any files within the server folder. It's not efficient to automatically restart nodemon on file changes.

Note: Saga's do not hot load. You will have to reload the browser. Read more about potential issues and/or implement yourself.

production tasks

  • $ yarn prod (production build w/ server)
  • $ yarn prod:build (production build)

staging tasks

  • $ yarn staging (staging build w/ server)
  • $ yarn staging:build (staging build)

Other features/examples I am working:
  • Jest / Enzyme

Window Users

Use $ yarn devWindows during development. Note rs to restart nodemon will not work on windows.

If you want rs to restart nodemon you will need to run yarn watchServer and yarn devServer in two separate terminals.


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (69,571
react (5,364
redux (1,167
sass (463
ssr (314
server-side-rendering (145
react-redux (118
isomorphic (108
redux-saga (104
webpack3 (50
hapi (45
code-splitting (44
redux-form (22