Update

Author: codeBelt

README.md

@@ -12,16 +12,13 @@ Example application demonstrating react-hot-loader-3 with webpack-2, react and f
 
 > 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](https://github.com/redux-saga/redux-saga/issues/22#issuecomment-218737951) and/or [implement yourself](https://gist.github.com/markerikson/dc6cee36b5b6f8d718f2e24a249e0491).
+
+
 ## 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)
-
-
-###### Note: Saga's do not hot load. 
-> [Read more about potential issues](https://github.com/redux-saga/redux-saga/issues/22#issuecomment-218737951) and/or [implement yourself](https://gist.github.com/markerikson/dc6cee36b5b6f8d718f2e24a249e0491).
-
-

src/client.tsx

@@ -9,14 +9,14 @@ import ProviderService from './services/ProviderService';
 import IStore from './interfaces/IStore';
 import ISagaStore from './interfaces/ISagaStore';
 
-const rootEl: HTMLElement = document.getElementById('root');
 const initialState: IStore = {
     ...(window as any)['__STATE__'],
     renderReducer: {
         isServerSide: false,
     },
 };
 const store: ISagaStore<IStore>  = ProviderService.createProviderStore(initialState);
+const rootEl: HTMLElement = document.getElementById('root');
 
 delete (window as any)['__STATE__'];
 

src/server/plugin/HapiWebpackHotPlugin.ts

@@ -7,7 +7,8 @@ import ServerManager from '../ServerManager';
 class HapiWebpackHotPlugin {
 
     constructor(server: Hapi.Server) {
-        const compiler: any = new Webpack(require('../../../webpack.config.js'));
+        const config: Webpack.Configuration = require('../../../webpack.config.js');
+        const compiler: any = Webpack(config);
 
         compiler.plugin('done', (stats: any) => this._onDone(stats));
 

src/views/Contact.tsx

@@ -6,17 +6,19 @@ import IStore from '../interfaces/IStore';
 import {Dispatch} from 'redux';
 import IContactForm from '../interfaces/IContactForm';
 import IMetaReducerState from '../interfaces/reducers/IMetaReducerState';
+import IAction from '../interfaces/IAction';
 
 const mapStateToProps = (state: IStore) => ({});
 
 const mapDispatchToProps = (dispatch: Dispatch<any>) => ({
-    setMeta: (meta: IMetaReducerState) => dispatch(MetaAction.setMeta(meta)),
+    setMeta: (meta: IMetaReducerState): IAction<IMetaReducerState> => dispatch(MetaAction.setMeta(meta)),
 });
 
 interface IContactProps extends FormProps {
+    setMeta: (meta: IMetaReducerState) => IAction<IMetaReducerState>;
 }
 
-class Contact extends React.Component {
+class Contact extends React.Component<IContactProps, {}> {
 
     private _handleSubmitHandler: Function = (formData: IContactForm) => this._onFormSubmit(formData);
 

webpack.config.js

@@ -107,9 +107,9 @@ const config = {
             ? null
             : new webpack.optimize.CommonsChunkPlugin({name: 'manifest'}),
 
-        isDevelopment
-            ? null
-            : new webpack.optimize.UglifyJsPlugin(),
+        isProduction
+            ? new webpack.optimize.UglifyJsPlugin()
+            : null,
 
         new HtmlWebpackPlugin({
             template: path.resolve(__dirname, 'src/index.html'),