typescript-hapi-react-hot-loader-example
typescript-hapi-react-hot-loader-example copied to clipboard
Simple TypeScript React Hot Loading example with Hapi Server-side rendering
typescript-hapi-react-hot-loader-example
TypeScript example universal/isomorphic application demonstrating react-hot-loader-4 with webpack-4, react and friends, async code splitting, and hapi.
Found this usefull? give it a :star:
Windows users see the last section of this README
get started
- $
yarn
- $
yarn dev
- 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 theserver.js
file or any files within theserver
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 local
(local build w/ server) - $
yarn local:build
(local 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.