Skip to content

Commit 9b1580f

Browse files
hajushhajush
committed
Updates for latest react and ES6
1 parent 0b21b5f commit 9b1580f

File tree

21 files changed

+273
-69
lines changed

21 files changed

+273
-69
lines changed

‎lessons/09-index-links/.babelrc‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"presets": ["react", "es2015"]
3+
}

‎lessons/09-index-links/.editorconfig‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
# editorconfig.org
2+
root = true
3+
4+
[*]
5+
indent_style = space
6+
indent_size = 2
7+
end_of_line = lf
8+
charset = utf-8
9+
trim_trailing_whitespace = true
10+
insert_final_newline = true
11+
12+
[*.md]
13+
trim_trailing_whitespace = false

‎lessons/09-index-links/.eslintrc‎

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
{
2+
"extends": [
3+
"eslint:recommended",
4+
"plugin:import/errors",
5+
"plugin:import/warnings"
6+
],
7+
"plugins": [
8+
"react"
9+
],
10+
"parserOptions": {
11+
"ecmaVersion": 6,
12+
"sourceType": "module",
13+
"ecmaFeatures": {
14+
"jsx": true
15+
}
16+
},
17+
"env": {
18+
"es6": true,
19+
"browser": true,
20+
"node": true,
21+
"jquery": true,
22+
"mocha": true
23+
},
24+
"rules": {
25+
"quotes": 0,
26+
"no-console": 1,
27+
"no-debugger": 1,
28+
"no-var": 1,
29+
"indent": ["error", 2],
30+
"semi": [1, "always"],
31+
"no-trailing-spaces": 0,
32+
"eol-last": 0,
33+
"no-unused-vars": 0,
34+
"no-underscore-dangle": 0,
35+
"no-alert": 0,
36+
"no-lone-blocks": 0,
37+
"jsx-quotes": 1,
38+
"react/display-name": [ 1, {"ignoreTranspilerName": false }],
39+
"react/forbid-prop-types": [1, {"forbid": ["any"]}],
40+
"react/jsx-boolean-value": 1,
41+
"react/jsx-closing-bracket-location": 0,
42+
"react/jsx-curly-spacing": 1,
43+
"react/jsx-indent-props": 0,
44+
"react/jsx-key": 1,
45+
"react/jsx-max-props-per-line": 0,
46+
"react/jsx-no-bind": 1,
47+
"react/jsx-no-duplicate-props": 1,
48+
"react/jsx-no-literals": 0,
49+
"react/jsx-no-undef": 1,
50+
"react/jsx-pascal-case": 1,
51+
"react/jsx-sort-prop-types": 0,
52+
"react/jsx-sort-props": 0,
53+
"react/jsx-uses-react": 1,
54+
"react/jsx-uses-vars": 1,
55+
"react/no-danger": 1,
56+
"react/no-did-mount-set-state": 1,
57+
"react/no-did-update-set-state": 1,
58+
"react/no-direct-mutation-state": 1,
59+
"react/no-multi-comp": 1,
60+
"react/no-set-state": 0,
61+
"react/no-unknown-property": 1,
62+
"react/prefer-es6-class": 1,
63+
"react/prop-types": 1,
64+
"react/react-in-jsx-scope": 1,
65+
"react/require-extension": 1,
66+
"react/self-closing-comp": 1,
67+
"react/sort-comp": 1,
68+
"react/wrap-multilines": 1
69+
}
70+
}

‎lessons/09-index-links/index.js‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
import React from 'react'
2-
import { render } from 'react-dom'
3-
import { Router, Route, hashHistory, IndexRoute } from 'react-router'
4-
import App from './modules/App'
5-
import About from './modules/About'
6-
import Repos from './modules/Repos'
7-
import Repo from './modules/Repo'
8-
import Home from './modules/Home'
1+
import React from 'react';
2+
import { render } from 'react-dom';
3+
import { Router, Route, hashHistory, IndexRoute } from 'react-router';
4+
import App from './modules/App';
5+
import About from './modules/About';
6+
import Repos from './modules/Repos';
7+
import Repo from './modules/Repo';
8+
import Home from './modules/Home';
99

1010
render((
1111
<Router history={hashHistory}>
@@ -17,4 +17,4 @@ render((
1717
<Route path="/about" component={About}/>
1818
</Route>
1919
</Router>
20-
), document.getElementById('app'))
20+
), document.getElementById('app'));

‎lessons/09-index-links/modules/About.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import React from 'react'
1+
import React from 'react';
22

3-
export default React.createClass({
3+
export default class About extends React.Component {
44
render() {
5-
return <div>About</div>
5+
return <div>About</div>;
66
}
7-
})
7+
}

‎lessons/09-index-links/modules/App.js‎

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import React from 'react'
2-
import NavLink from './NavLink'
1+
import React from 'react';
2+
import NavLink from './NavLink';
33

4-
export default React.createClass({
4+
class App extends React.Component {
55
render() {
66
return (
77
<div>
@@ -12,6 +12,10 @@ export default React.createClass({
1212
</ul>
1313
{this.props.children}
1414
</div>
15-
)
15+
);
1616
}
17-
})
17+
}
18+
19+
App.propTypes = {children: React.PropTypes.object};
20+
21+
export default App;

‎lessons/09-index-links/modules/Home.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import React from 'react'
1+
import React from 'react';
22

3-
export default React.createClass({
3+
export default class Home extends React.Component {
44
render() {
5-
return <div>Home</div>
5+
return <div>Home</div>;
66
}
7-
})
7+
}

‎lessons/09-index-links/modules/NavLink.js‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
// modules/NavLink.js
2-
import React from 'react'
3-
import { Link } from 'react-router'
2+
import React from 'react';
3+
import { Link } from 'react-router';
44

5-
export default React.createClass({
5+
export default class NavLink extends React.Component {
66
render() {
7-
return <Link {...this.props} activeClassName="active"/>
7+
return <Link {...this.props} activeClassName="active"/>;
88
}
9-
})
9+
}

‎lessons/09-index-links/modules/Repo.js‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,15 @@
1-
import React from 'react'
1+
import React from 'react';
22

3-
export default React.createClass({
3+
class Repo extends React.Component {
44
render() {
55
return (
66
<div>
77
<h2>{this.props.params.repoName}</h2>
88
</div>
9-
)
9+
);
1010
}
11-
})
11+
}
12+
13+
Repo.propTypes = {params: React.PropTypes.object};
14+
15+
export default Repo;

‎lessons/09-index-links/modules/Repos.js‎

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import React from 'react'
2-
import NavLink from './NavLink'
1+
import React from 'react';
2+
import NavLink from './NavLink';
33

4-
export default React.createClass({
4+
class Repos extends React.Component {
55
render() {
66
return (
77
<div>
@@ -12,6 +12,10 @@ export default React.createClass({
1212
</ul>
1313
{this.props.children}
1414
</div>
15-
)
15+
);
1616
}
17-
})
17+
}
18+
19+
Repos.propTypes = {children: React.PropTypes.object};
20+
21+
export default Repos;

0 commit comments

Comments
 (0)