ka

front-end/renderine/dist/client/client.js

-webpackJsonp([2],{177:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(0),o=n(0),c=n(16),l=n(178),u=n(179),a=n(180),s=n(190),i=n(191),d=n(192),p=n(198);t.default=class extends o.Component{render(){return r.createElement("div",null,r.createElement(l.default,null),r.createElement(c.Route,{exact:!0,path:"/",component:u.default}),r.createElement(c.Route,{exact:!0,path:"/authors",component:a.default}),r.createElement(c.Route,{exact:!0,path:"/articles",component:s.default}),r.createElement(c.Route,{exact:!0,path:"/fatComponent",component:i.default}),r.createElement(c.Route,{exact:!0,path:"/stateful",component:d.default}),r.createElement(c.Route,{exact:!0,path:"/anotherStateful",component:p.default}))}}},178:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(0),o=n(0),c=n(16),l=[{url:"/",title:"Main"},{url:"/authors",title:"Authors"},{url:"/articles",title:"Articles"},{url:"/fatComponent",title:"Fat Component"},{url:"/stateful",title:"Stateful"},{url:"/anotherStateful",title:"Another Stateful Component"}];t.default=class extends o.Component{render(){return r.createElement("div",null,r.createElement("h1",null,"Header"),r.createElement("ul",null,l.map(e=>r.createElement("li",{key:e.url},r.createElement(c.Link,{to:e.url},e.title)))))}}},179:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(0),o=n(0);t.default=class extends o.Component{render(){return r.createElement("div",null,r.createElement("p",null,"Main"))}}},180:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(29);t.default=r.asyncComponent({resolve:()=>n.e(1).then(n.bind(null,200))})},190:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(0),o=n(0),c=n(69),l=n(36),u=c.default`
+webpackJsonp([2],{177:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(0),o=n(0),c=n(16),l=n(178),u=n(179),a=n(180),s=n(190),i=n(191),d=n(192),m=n(198);t.default=class extends o.Component{render(){return r.createElement("div",null,r.createElement(l.default,null),r.createElement(c.Route,{exact:!0,path:"/",component:u.default}),r.createElement(c.Route,{exact:!0,path:"/authors",component:a.default}),r.createElement(c.Route,{exact:!0,path:"/articles",component:s.default}),r.createElement(c.Route,{exact:!0,path:"/fatComponent",component:i.default}),r.createElement(c.Route,{exact:!0,path:"/stateful",component:d.default}),r.createElement(c.Route,{exact:!0,path:"/anotherStateful",component:m.default}))}}},178:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(0),o=n(0),c=n(16),l=[{url:"/",title:"Main"},{url:"/authors",title:"Authors"},{url:"/articles",title:"Articles"},{url:"/fatComponent",title:"Fat Component"},{url:"/stateful",title:"Stateful"},{url:"/anotherStateful",title:"Another Stateful Component"}];t.default=class extends o.Component{render(){return r.createElement("div",null,r.createElement("h1",null,"Header"),r.createElement("ul",null,l.map(e=>r.createElement("li",{key:e.url},r.createElement(c.Link,{to:e.url},e.title)))))}}},179:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(0),o=n(0);t.default=class extends o.Component{render(){return r.createElement("div",null,r.createElement("p",null,"Main"))}}},180:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(29);t.default=r.asyncComponent({resolve:()=>n.e(1).then(n.bind(null,200))})},190:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(0),o=n(0),c=n(69),l=n(36),u=c.default`
     query getAllArticles {
         allArticles {
         totalCount
@@ -16,4 +16,4 @@ webpackJsonp([2],{177:function(e,t,n){"use strict";Object.defineProperty(t,"__es
         }
         }
     }  
-`;t.default=l.graphql(u)(class extends o.Component{render(){return this.props.data.loading?r.createElement("div",null,"Loading..."):this.props.data.error?r.createElement("div",null,"Error: ",this.props.data.error.message):r.createElement("ul",null,this.props.data.allArticles.nodes.map(e=>r.createElement("div",{key:e.nodeId},r.createElement("h4",null,e.title),r.createElement("p",null,e.description),r.createElement("div",null,"Written by: ",e.authorByAuthorId.name))))}})},191:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(29);t.default=r.asyncComponent({resolve:()=>n.e(0).then(n.bind(null,201))})},192:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(0),o=n(0),c=n(30),l=n(35);t.default=c.connect(e=>({count:e.counter.count}),{increment:l.countersAction.increment,sub:l.countersAction.sub})(class extends o.Component{constructor(e){super(e),this.increase=this.increase.bind(this),this.decrease=this.decrease.bind(this)}increase(){console.log("increase"),this.props.increment()}decrease(){console.log("decrease"),this.props.sub(1)}render(){return r.createElement("div",null,r.createElement("h3",null,"Stateful Component"),r.createElement("p",null,"Count: ",this.props.count),r.createElement("button",{onClick:this.increase},"increase counter"),r.createElement("br",null),r.createElement("br",null),r.createElement("button",{onClick:this.decrease},"decrease counter"))}})},198:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(0),o=n(0),c=n(30),l=n(35);t.default=c.connect(e=>({count:e.counter.count}),{increment:l.countersAction.increment,sub:l.countersAction.sub})(class extends o.Component{constructor(e){super(e),this.increase=this.increase.bind(this),this.decrease=this.decrease.bind(this)}increase(){console.log("increase"),this.props.increment()}decrease(){console.log("decrease"),this.props.sub(1)}render(){return console.log("stateful",this.props),r.createElement("div",null,r.createElement("h3",null,"Another Stateful Component"),r.createElement("br",null),r.createElement("br",null),r.createElement("p",null,"Count: ",this.props.count),r.createElement("button",{onClick:this.decrease},"decrease counter"),r.createElement("br",null),r.createElement("br",null),r.createElement("button",{onClick:this.increase},"increase counter"))}})},199:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(32),o=n(32),c=n(35),l=r.combineReducers({counter:c.reducer});t.store=(e=>o.createStore(l,e))},35:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(193),o={count:0};t.countersAction={increment:r.createAction("INCREMENT"),add:r.createAction("ADD",(e=0)=>({type:"ADD",payload:{amount:e}})),sub:r.createAction("SUB",(e=0)=>({type:"SUB",payload:{amount:e}}))},t.reducer=((e=o,n)=>{switch(n.type){case r.getType(t.countersAction.increment):return Object.assign({},e,{count:e.count+1});case r.getType(t.countersAction.add):const o=n;return Object.assign({},e,{count:e.count+o.payload.amount});case r.getType(t.countersAction.sub):const c=n;return Object.assign({},e,{count:e.count-c.payload.amount});default:return e}})},70:function(e,t,n){e.exports=n(71)},71:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(0),o=n(73),c=n(16),l=n(36),u=n(113),a=n(132),s=n(144),i=n(29),d=n(155),p=n(30),m=n(177),h=n(199),f=new a.default({link:new u.default({uri:"/graphql"}),cache:(new s.InMemoryCache).restore(window.__APOLLO_STATE__)}),E=document.getElementById("react-root"),_=h.store(window.__REDUX_STATE__),b=e=>r.createElement(i.AsyncComponentProvider,{rehydrateState:window.__ASYNC_STATE__},r.createElement(p.Provider,{store:_},r.createElement(l.ApolloProvider,{client:f},r.createElement(c.BrowserRouter,null,r.createElement(e,null)))));const A=b(m.default);d.default(A).then(()=>o.hydrate(A,E)),delete window.__APOLLO_STATE__,delete window.__ASYNC_STATE__,delete window.__REDUX_STATE__}},[70]);
\ No newline at end of file
+`;t.default=l.graphql(u)(class extends o.Component{render(){return this.props.data.loading?r.createElement("div",null,"Loading..."):this.props.data.error?r.createElement("div",null,"Error: ",this.props.data.error.message):r.createElement("ul",null,this.props.data.allArticles.nodes.map(e=>r.createElement("div",{key:e.nodeId},r.createElement("h4",null,e.title),r.createElement("p",null,e.description),r.createElement("div",null,"Written by: ",e.authorByAuthorId.name))))}})},191:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(29);t.default=r.asyncComponent({resolve:()=>n.e(0).then(n.bind(null,201))})},192:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(0),o=n(0),c=n(30),l=n(35);t.default=c.connect(e=>({count:e.counter.count}),{increment:l.countersAction.increment,sub:l.countersAction.sub})(class extends o.Component{constructor(e){super(e),this.increase=this.increase.bind(this),this.decrease=this.decrease.bind(this)}increase(){this.props.increment()}decrease(){this.props.sub(1)}render(){return r.createElement("div",null,r.createElement("h3",null,"Stateful Component"),r.createElement("p",null,"Count: ",this.props.count),r.createElement("button",{onClick:this.increase},"increase counter"),r.createElement("br",null),r.createElement("br",null),r.createElement("button",{onClick:this.decrease},"decrease counter"))}})},198:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(0),o=n(0),c=n(30),l=n(35);t.default=c.connect(e=>({count:e.counter.count}),{increment:l.countersAction.increment,sub:l.countersAction.sub})(class extends o.Component{constructor(e){super(e),this.increase=this.increase.bind(this),this.decrease=this.decrease.bind(this)}increase(){this.props.increment()}decrease(){this.props.sub(1)}render(){return r.createElement("div",null,r.createElement("h3",null,"Another Stateful Component"),r.createElement("br",null),r.createElement("br",null),r.createElement("p",null,"Count: ",this.props.count),r.createElement("button",{onClick:this.decrease},"decrease counter"),r.createElement("br",null),r.createElement("br",null),r.createElement("button",{onClick:this.increase},"increase counter"))}})},199:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(32),o=n(32),c=n(35),l=r.combineReducers({counter:c.reducer});t.store=(e=>o.createStore(l,e))},35:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(193),o={count:0};t.countersAction={increment:r.createAction("INCREMENT"),add:r.createAction("ADD",(e=0)=>({type:"ADD",payload:{amount:e}})),sub:r.createAction("SUB",(e=0)=>({type:"SUB",payload:{amount:e}}))},t.reducer=((e=o,n)=>{switch(n.type){case r.getType(t.countersAction.increment):return Object.assign({},e,{count:e.count+1});case r.getType(t.countersAction.add):const o=n;return Object.assign({},e,{count:e.count+o.payload.amount});case r.getType(t.countersAction.sub):const c=n;return Object.assign({},e,{count:e.count-c.payload.amount});default:return e}})},70:function(e,t,n){e.exports=n(71)},71:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const r=n(0),o=n(73),c=n(16),l=n(36),u=n(113),a=n(132),s=n(144),i=n(29),d=n(155),m=n(30),p=n(177),h=n(199),E=new a.default({link:new u.default({uri:"/graphql"}),cache:(new s.InMemoryCache).restore(window.__APOLLO_STATE__)}),f=document.getElementById("react-root"),_=h.store(window.__REDUX_STATE__),b=e=>r.createElement(i.AsyncComponentProvider,{rehydrateState:window.__ASYNC_STATE__},r.createElement(m.Provider,{store:_},r.createElement(l.ApolloProvider,{client:E},r.createElement(c.BrowserRouter,null,r.createElement(e,null)))));const A=b(p.default);d.default(A).then(()=>o.hydrate(A,f)),delete window.__APOLLO_STATE__,delete window.__ASYNC_STATE__,delete window.__REDUX_STATE__}},[70]);
\ No newline at end of file

front-end/renderine/dist/server/server.js

@@ -129,6 +129,8 @@ exports.reducer = (state = initialState, action) => {
 };
 
 
+ ;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : module.exports; /* eslint-enable camelcase, no-undef */ if (typeof webpackExports === 'function') { __REACT_HOT_LOADER__.register(webpackExports, 'module.exports', "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/state/reducers/counter.ts"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/state/reducers/counter.ts"); } } })();
+
 /***/ }),
 /* 5 */
 /***/ (function(module, exports) {
@@ -208,6 +210,8 @@ server.listen(PORT, HOST, () => {
 });
 
 
+ ;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : module.exports; /* eslint-enable camelcase, no-undef */ if (typeof webpackExports === 'function') { __REACT_HOT_LOADER__.register(webpackExports, 'module.exports', "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/server/server.tsx"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/server/server.tsx"); } } })();
+
 /***/ }),
 /* 11 */
 /***/ (function(module, exports) {
@@ -283,6 +287,8 @@ function default_1(url) {
 exports.default = default_1;
 
 
+ ;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : module.exports; /* eslint-enable camelcase, no-undef */ if (typeof webpackExports === 'function') { __REACT_HOT_LOADER__.register(webpackExports, 'module.exports', "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/server/serverRender.tsx"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/server/serverRender.tsx"); } } })();
+
 /***/ }),
 /* 14 */
 /***/ (function(module, exports) {
@@ -345,6 +351,8 @@ class Routes extends react_1.Component {
 exports.default = Routes;
 
 
+ ;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : module.exports; /* eslint-enable camelcase, no-undef */ if (typeof webpackExports === 'function') { __REACT_HOT_LOADER__.register(webpackExports, 'module.exports', "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/routes.tsx"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/routes.tsx"); } } })();
+
 /***/ }),
 /* 20 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -392,6 +400,8 @@ class Header extends react_1.Component {
 exports.default = Header;
 
 
+ ;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : module.exports; /* eslint-enable camelcase, no-undef */ if (typeof webpackExports === 'function') { __REACT_HOT_LOADER__.register(webpackExports, 'module.exports', "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/header.tsx"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/header.tsx"); } } })();
+
 /***/ }),
 /* 21 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -410,6 +420,8 @@ class Home extends react_1.Component {
 exports.default = Home;
 
 
+ ;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : module.exports; /* eslint-enable camelcase, no-undef */ if (typeof webpackExports === 'function') { __REACT_HOT_LOADER__.register(webpackExports, 'module.exports', "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/home.tsx"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/home.tsx"); } } })();
+
 /***/ }),
 /* 22 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -423,6 +435,8 @@ exports.default = react_async_component_1.asyncComponent({
 });
 
 
+ ;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : module.exports; /* eslint-enable camelcase, no-undef */ if (typeof webpackExports === 'function') { __REACT_HOT_LOADER__.register(webpackExports, 'module.exports', "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/asyncAuthors.tsx"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/asyncAuthors.tsx"); } } })();
+
 /***/ }),
 /* 23 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -472,6 +486,8 @@ class AllAuthors extends React.Component {
 exports.default = react_apollo_1.graphql(query)(AllAuthors);
 
 
+ ;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : module.exports; /* eslint-enable camelcase, no-undef */ if (typeof webpackExports === 'function') { __REACT_HOT_LOADER__.register(webpackExports, 'module.exports', "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/allAuthors.tsx"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/allAuthors.tsx"); } } })();
+
 /***/ }),
 /* 24 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -523,6 +539,8 @@ class AllArticles extends react_1.Component {
 exports.default = react_apollo_1.graphql(query)(AllArticles);
 
 
+ ;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : module.exports; /* eslint-enable camelcase, no-undef */ if (typeof webpackExports === 'function') { __REACT_HOT_LOADER__.register(webpackExports, 'module.exports', "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/allArticles.tsx"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/allArticles.tsx"); } } })();
+
 /***/ }),
 /* 25 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -536,6 +554,8 @@ exports.default = react_async_component_1.asyncComponent({
 });
 
 
+ ;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : module.exports; /* eslint-enable camelcase, no-undef */ if (typeof webpackExports === 'function') { __REACT_HOT_LOADER__.register(webpackExports, 'module.exports', "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/asyncFatComponent.tsx"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/asyncFatComponent.tsx"); } } })();
+
 /***/ }),
 /* 26 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -564,6 +584,8 @@ class FatComponent extends react_1.Component {
 exports.default = FatComponent;
 
 
+ ;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : module.exports; /* eslint-enable camelcase, no-undef */ if (typeof webpackExports === 'function') { __REACT_HOT_LOADER__.register(webpackExports, 'module.exports', "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/fatComponent.tsx"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/fatComponent.tsx"); } } })();
+
 /***/ }),
 /* 27 */
 /***/ (function(module, exports) {
@@ -613,6 +635,8 @@ exports.default = react_redux_1.connect((state) => ({
 })(StatefulComponent);
 
 
+ ;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : module.exports; /* eslint-enable camelcase, no-undef */ if (typeof webpackExports === 'function') { __REACT_HOT_LOADER__.register(webpackExports, 'module.exports', "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/statefulComponent.tsx"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/statefulComponent.tsx"); } } })();
+
 /***/ }),
 /* 29 */
 /***/ (function(module, exports) {
@@ -664,6 +688,8 @@ exports.default = react_redux_1.connect((state) => ({
 })(AnotherStatefulComponent);
 
 
+ ;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : module.exports; /* eslint-enable camelcase, no-undef */ if (typeof webpackExports === 'function') { __REACT_HOT_LOADER__.register(webpackExports, 'module.exports', "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/anotherStatefulComponent.tsx"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/components/anotherStatefulComponent.tsx"); } } })();
+
 /***/ }),
 /* 31 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -680,6 +706,8 @@ const reducers = redux_1.combineReducers({
 exports.store = (initialState) => redux_2.createStore(reducers, initialState);
 
 
+ ;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : module.exports; /* eslint-enable camelcase, no-undef */ if (typeof webpackExports === 'function') { __REACT_HOT_LOADER__.register(webpackExports, 'module.exports', "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/state/index.ts"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "/Users/jnsone11/repos/react-workshop/front-end/renderine/src/common/state/index.ts"); } } })();
+
 /***/ }),
 /* 32 */
 /***/ (function(module, exports) {

front-end/renderine/package.json

@@ -35,8 +35,7 @@
     "react-router-dom": "^4.2.2",
     "redux": "^3.7.2",
     "typesafe-actions": "^1.1.2",
-    "typescript": "^2.6.2",
-    "whatwg-fetch": "^2.0.3"
+    "typescript": "^2.6.2"
   },
   "devDependencies": {
     "@types/compression-webpack-plugin": "^0.4.0",

front-end/renderine/src/presentation/componentWithProps.tsx

+import * as React from 'react'
+import {Component} from 'react'
+
+interface Props {
+    count: number
+}
+
+class Komponent extends Component<Props,any> {
+    render(){
+        return <div>{this.props.count}</div>
+    }
+}
+
+const AnotherComp = () => (
+    <div>
+        <Komponent count={1337} />
+    </div>
+);
\ No newline at end of file

front-end/renderine/src/presentation/componentWithState.tsx

+import * as React from 'react'
+import {Component} from 'react'
+
+interface State {
+    count: 0
+}
+
+class Komponent extends Component<any,State> {
+    render(){
+        return <div>{this.state.count}</div>
+    }
+}
+
+export default Komponent;
\ No newline at end of file