Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
React
react-workshop
Commits
2ce5111b
Commit
2ce5111b
authored
Feb 03, 2018
by
jnsone11
Browse files
update lecture 01
parent
fa6f2d72
Changes
9
Expand all
Hide whitespace changes
Inline
Side-by-side
front-end/renderine/dist/server/server.js
View file @
2ce5111b
...
...
@@ -129,8 +129,6 @@ 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
)
{
...
...
@@ -210,8 +208,6 @@ 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
)
{
...
...
@@ -287,8 +283,6 @@ 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
)
{
...
...
@@ -351,8 +345,6 @@ 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__
)
{
...
...
@@ -400,8 +392,6 @@ 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__
)
{
...
...
@@ -420,8 +410,6 @@ 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__
)
{
...
...
@@ -435,8 +423,6 @@ 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__
)
{
...
...
@@ -486,8 +472,6 @@ 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__
)
{
...
...
@@ -539,8 +523,6 @@ 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__
)
{
...
...
@@ -554,8 +536,6 @@ 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__
)
{
...
...
@@ -584,8 +564,6 @@ 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
)
{
...
...
@@ -635,8 +613,6 @@ 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
)
{
...
...
@@ -688,8 +664,6 @@ 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__
)
{
...
...
@@ -706,8 +680,6 @@ 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/dist/server/server.js.map
View file @
2ce5111b
This diff is collapsed.
Click to expand it.
front-end/renderine/src/common/components/allAuthors.tsx
View file @
2ce5111b
...
...
@@ -38,7 +38,7 @@ class AllAuthors extends React.Component<Props> {
<
ul
>
{
this
.
props
.
data
.
allAuthors
.
nodes
.
map
(
author
=>
(
<
li
key
=
{
author
.
nodeI
d
}
>
<
li
key
=
{
author
.
i
d
}
>
<
div
>
Name:
{
author
.
name
}
</
div
>
<
div
>
NumberOfArticles:
{
author
.
articlesByAuthorId
.
totalCount
}
</
div
>
</
li
>
...
...
lectures/01-React-Typescript/dist/components/Hello2.d.ts
0 → 100644
View file @
2ce5111b
/// <reference types="react" />
import
{
Component
}
from
'
react
'
;
declare
class
Hello2
extends
Component
{
shouldComponentUpdate
():
boolean
;
render
():
JSX
.
Element
;
}
export
default
Hello2
;
lectures/01-React-Typescript/dist/components/Hello2.js
0 → 100644
View file @
2ce5111b
"
use strict
"
;
Object
.
defineProperty
(
exports
,
"
__esModule
"
,
{
value
:
true
});
const
React
=
require
(
"
react
"
);
const
react_1
=
require
(
"
react
"
);
class
Hello2
extends
react_1
.
Component
{
shouldComponentUpdate
()
{
return
true
;
}
render
()
{
return
React
.
createElement
(
"
h1
"
,
null
,
"
HI
"
);
}
}
exports
.
default
=
Hello2
;
lectures/01-React-Typescript/dist/index.js
View file @
2ce5111b
...
...
@@ -3,5 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
const
React
=
require
(
"
react
"
);
const
react_dom_1
=
require
(
"
react-dom
"
);
const
Hello_1
=
require
(
"
./components/Hello
"
);
const
App
=
(
React
.
createElement
(
Hello_1
.
default
,
null
));
const
Hello2_1
=
require
(
"
./components/Hello2
"
);
const
App
=
(
React
.
createElement
(
"
div
"
,
null
,
React
.
createElement
(
Hello_1
.
default
,
null
),
React
.
createElement
(
Hello2_1
.
default
,
null
)));
react_dom_1
.
hydrate
(
App
,
document
.
getElementById
(
'
react-root
'
));
lectures/01-React-Typescript/src/components/Hello2.tsx
0 → 100644
View file @
2ce5111b
import
*
as
React
from
'
react
'
import
{
Component
}
from
'
react
'
class
Hello2
extends
Component
{
shouldComponentUpdate
(){
return
true
;
}
render
(){
return
<
h1
>
HI
</
h1
>
}
}
export
default
Hello2
;
\ No newline at end of file
lectures/01-React-Typescript/src/index.tsx
View file @
2ce5111b
...
...
@@ -2,9 +2,13 @@ import * as React from 'react'
import
{
hydrate
}
from
'
react-dom
'
import
Hello
from
'
./components/Hello
'
import
Hello2
from
'
./components/Hello2
'
const
App
=
(
<
Hello
/>
<
div
>
<
Hello
/>
<
Hello2
/>
</
div
>
);
hydrate
(
App
,
document
.
getElementById
(
'
react-root
'
))
\ No newline at end of file
hydrate
(
App
,
document
.
getElementById
(
'
react-root
'
))
\ No newline at end of file
package-lock.json
0 → 100644
View file @
2ce5111b
{
"requires"
:
true
,
"lockfileVersion"
:
1
,
"dependencies"
:
{
"@types/history"
:
{
"version"
:
"4.6.2"
,
"resolved"
:
"https://registry.npmjs.org/@types/history/-/history-4.6.2.tgz"
,
"integrity"
:
"sha512-eVAb52MJ4lfPLiO9VvTgv8KaZDEIqCwhv+lXOMLlt4C1YHTShgmMULEg0RrCbnqfYd6QKfHsMp0MiX0vWISpSw=="
,
"dev"
:
true
},
"@types/react"
:
{
"version"
:
"16.0.36"
,
"resolved"
:
"https://registry.npmjs.org/@types/react/-/react-16.0.36.tgz"
,
"integrity"
:
"sha512-q33EVfy4i+fwhM31PL6/c6Job/DyjOiExHuR163bJK3rEMRf2ENkBrN4thQH5cwA+TiiN1vWDZU6D5H1AvQTlA=="
,
"dev"
:
true
},
"@types/react-router"
:
{
"version"
:
"4.0.21"
,
"resolved"
:
"https://registry.npmjs.org/@types/react-router/-/react-router-4.0.21.tgz"
,
"integrity"
:
"sha512-JxMAzk8cWt4v093Wjw/Fiz4wcqx1MhhLLPy01C7E7cR1h0COkEiAvmqMo7/fZy8qIPZ9VmpcaHMIkQywv8rFXg=="
,
"dev"
:
true
,
"requires"
:
{
"@types/history"
:
"4.6.2"
,
"@types/react"
:
"16.0.36"
}
},
"@types/react-router-dom"
:
{
"version"
:
"4.2.3"
,
"resolved"
:
"https://registry.npmjs.org/@types/react-router-dom/-/react-router-dom-4.2.3.tgz"
,
"integrity"
:
"sha512-q11w7Hw3mM/5C6wwKjres3476IKA7wDbpEjsSl1FsAJ8I5K7zlZmt1NAOvbKBZT4cJ4GQEZPIJWaelsLWd/muw=="
,
"dev"
:
true
,
"requires"
:
{
"@types/history"
:
"4.6.2"
,
"@types/react"
:
"16.0.36"
,
"@types/react-router"
:
"4.0.21"
}
},
"asap"
:
{
"version"
:
"2.0.6"
,
"resolved"
:
"https://registry.npmjs.org/asap/-/asap-2.0.6.tgz"
,
"integrity"
:
"sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY="
},
"core-js"
:
{
"version"
:
"1.2.7"
,
"resolved"
:
"https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz"
,
"integrity"
:
"sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY="
},
"encoding"
:
{
"version"
:
"0.1.12"
,
"resolved"
:
"https://registry.npmjs.org/encoding/-/encoding-0.1.12.tgz"
,
"integrity"
:
"sha1-U4tm8+5izRq1HsMjgp0flIDHS+s="
,
"requires"
:
{
"iconv-lite"
:
"0.4.19"
}
},
"fbjs"
:
{
"version"
:
"0.8.16"
,
"resolved"
:
"https://registry.npmjs.org/fbjs/-/fbjs-0.8.16.tgz"
,
"integrity"
:
"sha1-XmdDL1UNxBtXK/VYR7ispk5TN9s="
,
"requires"
:
{
"core-js"
:
"1.2.7"
,
"isomorphic-fetch"
:
"2.2.1"
,
"loose-envify"
:
"1.3.1"
,
"object-assign"
:
"4.1.1"
,
"promise"
:
"7.3.1"
,
"setimmediate"
:
"1.0.5"
,
"ua-parser-js"
:
"0.7.17"
}
},
"history"
:
{
"version"
:
"4.7.2"
,
"resolved"
:
"https://registry.npmjs.org/history/-/history-4.7.2.tgz"
,
"integrity"
:
"sha512-1zkBRWW6XweO0NBcjiphtVJVsIQ+SXF29z9DVkceeaSLVMFXHool+fdCZD4spDCfZJCILPILc3bm7Bc+HRi0nA=="
,
"requires"
:
{
"invariant"
:
"2.2.2"
,
"loose-envify"
:
"1.3.1"
,
"resolve-pathname"
:
"2.2.0"
,
"value-equal"
:
"0.4.0"
,
"warning"
:
"3.0.0"
}
},
"hoist-non-react-statics"
:
{
"version"
:
"2.3.1"
,
"resolved"
:
"https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-2.3.1.tgz"
,
"integrity"
:
"sha1-ND24TGAYxlB3iJgkATWhQg7iLOA="
},
"iconv-lite"
:
{
"version"
:
"0.4.19"
,
"resolved"
:
"https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz"
,
"integrity"
:
"sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ=="
},
"invariant"
:
{
"version"
:
"2.2.2"
,
"resolved"
:
"https://registry.npmjs.org/invariant/-/invariant-2.2.2.tgz"
,
"integrity"
:
"sha1-nh9WrArNtr8wMwbzOL47IErmA2A="
,
"requires"
:
{
"loose-envify"
:
"1.3.1"
}
},
"is-stream"
:
{
"version"
:
"1.1.0"
,
"resolved"
:
"https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz"
,
"integrity"
:
"sha1-EtSj3U5o4Lec6428hBc66A2RykQ="
},
"isarray"
:
{
"version"
:
"0.0.1"
,
"resolved"
:
"https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz"
,
"integrity"
:
"sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
},
"isomorphic-fetch"
:
{
"version"
:
"2.2.1"
,
"resolved"
:
"https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz"
,
"integrity"
:
"sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk="
,
"requires"
:
{
"node-fetch"
:
"1.7.3"
,
"whatwg-fetch"
:
"2.0.3"
}
},
"js-tokens"
:
{
"version"
:
"3.0.2"
,
"resolved"
:
"https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz"
,
"integrity"
:
"sha1-mGbfOVECEw449/mWvOtlRDIJwls="
},
"loose-envify"
:
{
"version"
:
"1.3.1"
,
"resolved"
:
"https://registry.npmjs.org/loose-envify/-/loose-envify-1.3.1.tgz"
,
"integrity"
:
"sha1-0aitM/qc4OcT1l/dCsi3SNR4yEg="
,
"requires"
:
{
"js-tokens"
:
"3.0.2"
}
},
"node-fetch"
:
{
"version"
:
"1.7.3"
,
"resolved"
:
"https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz"
,
"integrity"
:
"sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ=="
,
"requires"
:
{
"encoding"
:
"0.1.12"
,
"is-stream"
:
"1.1.0"
}
},
"object-assign"
:
{
"version"
:
"4.1.1"
,
"resolved"
:
"https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz"
,
"integrity"
:
"sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
},
"path-to-regexp"
:
{
"version"
:
"1.7.0"
,
"resolved"
:
"https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.7.0.tgz"
,
"integrity"
:
"sha1-Wf3g9DW62suhA6hOnTvGTpa5k30="
,
"requires"
:
{
"isarray"
:
"0.0.1"
}
},
"promise"
:
{
"version"
:
"7.3.1"
,
"resolved"
:
"https://registry.npmjs.org/promise/-/promise-7.3.1.tgz"
,
"integrity"
:
"sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg=="
,
"requires"
:
{
"asap"
:
"2.0.6"
}
},
"prop-types"
:
{
"version"
:
"15.6.0"
,
"resolved"
:
"https://registry.npmjs.org/prop-types/-/prop-types-15.6.0.tgz"
,
"integrity"
:
"sha1-zq8IMCL8RrSjX2nhPvda7Q1jmFY="
,
"requires"
:
{
"fbjs"
:
"0.8.16"
,
"loose-envify"
:
"1.3.1"
,
"object-assign"
:
"4.1.1"
}
},
"react-router"
:
{
"version"
:
"4.2.0"
,
"resolved"
:
"https://registry.npmjs.org/react-router/-/react-router-4.2.0.tgz"
,
"integrity"
:
"sha512-DY6pjwRhdARE4TDw7XjxjZsbx9lKmIcyZoZ+SDO7SBJ1KUeWNxT22Kara2AC7u6/c2SYEHlEDLnzBCcNhLE8Vg=="
,
"requires"
:
{
"history"
:
"4.7.2"
,
"hoist-non-react-statics"
:
"2.3.1"
,
"invariant"
:
"2.2.2"
,
"loose-envify"
:
"1.3.1"
,
"path-to-regexp"
:
"1.7.0"
,
"prop-types"
:
"15.6.0"
,
"warning"
:
"3.0.0"
}
},
"react-router-dom"
:
{
"version"
:
"4.2.2"
,
"resolved"
:
"https://registry.npmjs.org/react-router-dom/-/react-router-dom-4.2.2.tgz"
,
"integrity"
:
"sha512-cHMFC1ZoLDfEaMFoKTjN7fry/oczMgRt5BKfMAkTu5zEuJvUiPp1J8d0eXSVTnBh6pxlbdqDhozunOOLtmKfPA=="
,
"requires"
:
{
"history"
:
"4.7.2"
,
"invariant"
:
"2.2.2"
,
"loose-envify"
:
"1.3.1"
,
"prop-types"
:
"15.6.0"
,
"react-router"
:
"4.2.0"
,
"warning"
:
"3.0.0"
}
},
"resolve-pathname"
:
{
"version"
:
"2.2.0"
,
"resolved"
:
"https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-2.2.0.tgz"
,
"integrity"
:
"sha512-bAFz9ld18RzJfddgrO2e/0S2O81710++chRMUxHjXOYKF6jTAMrUNZrEZ1PvV0zlhfjidm08iRPdTLPno1FuRg=="
},
"setimmediate"
:
{
"version"
:
"1.0.5"
,
"resolved"
:
"https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz"
,
"integrity"
:
"sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU="
},
"ua-parser-js"
:
{
"version"
:
"0.7.17"
,
"resolved"
:
"https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.17.tgz"
,
"integrity"
:
"sha512-uRdSdu1oA1rncCQL7sCj8vSyZkgtL7faaw9Tc9rZ3mGgraQ7+Pdx7w5mnOSF3gw9ZNG6oc+KXfkon3bKuROm0g=="
},
"value-equal"
:
{
"version"
:
"0.4.0"
,
"resolved"
:
"https://registry.npmjs.org/value-equal/-/value-equal-0.4.0.tgz"
,
"integrity"
:
"sha512-x+cYdNnaA3CxvMaTX0INdTCN8m8aF2uY9BvEqmxuYp8bL09cs/kWVQPVGcA35fMktdOsP69IgU7wFj/61dJHEw=="
},
"warning"
:
{
"version"
:
"3.0.0"
,
"resolved"
:
"https://registry.npmjs.org/warning/-/warning-3.0.0.tgz"
,
"integrity"
:
"sha1-MuU3fLVy3kqwR1O9+IIcAe1gW3w="
,
"requires"
:
{
"loose-envify"
:
"1.3.1"
}
},
"whatwg-fetch"
:
{
"version"
:
"2.0.3"
,
"resolved"
:
"https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-2.0.3.tgz"
,
"integrity"
:
"sha1-nITsLc9oGH/wC8ZOEnS0QhduHIQ="
}
}
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment