Skip to content

Commit ac9c423

Browse files
luizbaldiluizbaldi
committed
lint all files according to airbnb styleguide
1 parent a7b0244 commit ac9c423

File tree

6 files changed

+146
-147
lines changed

6 files changed

+146
-147
lines changed

‎.eslintrc.js‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
11
module.exports = {
2-
extends: "airbnb"
2+
extends: "airbnb",
3+
env: {
4+
browser: true
5+
},
6+
rules: {
7+
'react/jsx-filename-extension': 'off',
8+
'jsx-a11y/anchor-is-valid': 'off' // temporary solution (while we don't have a router)
9+
}
310
}

‎package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -47,13 +47,13 @@
4747
"html-webpack-plugin": "^3.2.0",
4848
"json-loader": "^0.5.7",
4949
"mini-css-extract-plugin": "^0.4.2",
50-
"react": "^16.6.0",
51-
"react-dom": "^16.6.0",
5250
"webpack": "^4.17.2",
5351
"webpack-cli": "^3.1.0",
5452
"webpack-dev-server": "^3.1.8"
5553
},
5654
"dependencies": {
55+
"react": "^16.6.0",
56+
"react-dom": "^16.6.0",
5757
"bootstrap": "^4.1.3",
5858
"front-matter-loader": "^0.2.0",
5959
"jquery": "^3.3.1",

‎src/Components/Herocontent.js‎

Lines changed: 30 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,36 @@
11

22
import React from 'react';
33

4-
class Herocontent extends React.Component {
5-
render() {
6-
return (
7-
<div className="main thememain-blue">
8-
<div className="container main hero-content-main ">
9-
<div className="col-12">
10-
<h1 className="theme-text">The Modern ReactJS Tutorial</h1>
11-
<p className="theme-text" >How it's done now. From the basics to advanced topics with simple, but detailed explanations.
12-
<a className="button button--big" href="#">Download for Linux</a>
13-
</p>
14-
<div className="theme-text" >
15-
<a className="button button--big" href="#">View on github</a>
16-
<a className="button button--big" href="#">twitter</a>
17-
<a className="button button--big" href="#">fb</a>
18-
</div>
19-
<div className="">
20-
<div className="search-content">
21-
<form className="theme-search form-inline my-2 my-lg-0 theme-text">
22-
<input className=" theme-search-input form-control mr-sm-2" type="search" placeholder="Search"></input>
23-
<button className="theme-search-btn btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
24-
</form>
25-
</div>
26-
</div>
27-
<div className="theme-text banner-text">
28-
<h2>Table of contents</h2>
29-
<p>Main course contains 2 parts which cover reactjs and interview fundamentals.</p>
30-
</div>
31-
</div>
32-
</div>
4+
const Herocontent = () => (
5+
<div className="main thememain-blue">
6+
<div className="container main hero-content-main ">
7+
<div className="col-12">
8+
<h1 className="theme-text">The Modern ReactJS Tutorial</h1>
9+
<p className="theme-text">
10+
How it&apos;s done now. From the basics to advanced topics with simple,
11+
but detailed explanations.
12+
<a className="button button--big" href="#">Download for Linux</a>
13+
</p>
14+
<div className="theme-text">
15+
<a className="button button--big" href="#">View on github</a>
16+
<a className="button button--big" href="#">twitter</a>
17+
<a className="button button--big" href="#">fb</a>
3318
</div>
34-
)
35-
}
36-
}
19+
<div className="">
20+
<div className="search-content">
21+
<form className="theme-search form-inline my-2 my-lg-0 theme-text">
22+
<input className=" theme-search-input form-control mr-sm-2" type="search" placeholder="Search" />
23+
<button className="theme-search-btn btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
24+
</form>
25+
</div>
26+
</div>
27+
<div className="theme-text banner-text">
28+
<h2>Table of contents</h2>
29+
<p>Main course contains 2 parts which cover reactjs and interview fundamentals.</p>
30+
</div>
31+
</div>
32+
</div>
33+
</div>
34+
);
3735

3836
export default Herocontent;

‎src/Components/Main.js‎

Lines changed: 69 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -1,79 +1,75 @@
11

22
import React from 'react';
33

4-
class Main extends React.Component {
5-
render() {
6-
return (
7-
<div className="main thememain-white">
8-
<div className="container content-main">
9-
<div className="row">
10-
<div className="col-12">
11-
<h3>An introduction : </h3>
12-
</div>
13-
</div>
14-
<div className="row">
15-
<div className="col-sm">
16-
<ul>
17-
<li><a href="#">Introduction Of ReactJs</a></li>
18-
<li><a href="#">Introduction Of ReactJs</a></li>
19-
<li><a href="#">Introduction Of ReactJs</a></li>
20-
<li><a href="#">Introduction Of ReactJs</a></li>
21-
</ul>
22-
</div>
23-
<div className="col-sm">
24-
<ul>
25-
<li><a href="#">Code Editors</a></li>
26-
<li><a href="#">Code Editors</a></li>
27-
<li><a href="#">Code Editors</a></li>
28-
<li><a href="#">Code Editors</a></li>
29-
</ul>
30-
</div>
31-
<div className="col-sm">
32-
<ul>
33-
<li><a href="#">Developer console</a></li>
34-
<li><a href="#">Developer console</a></li>
35-
<li><a href="#">Developer console</a></li>
36-
<li><a href="#">Developer console</a></li>
37-
</ul>
38-
</div>
39-
</div>
40-
41-
<div className="row">
42-
<div className="col-12">
43-
<h3>ReactJs Fundamentals : </h3>
44-
</div>
45-
</div>
46-
<div className="row">
47-
<div className="col-sm">
48-
<ul>
49-
<li><a href="#">Introduction Of ReactJs</a></li>
50-
<li><a href="#">Introduction Of ReactJs</a></li>
51-
<li><a href="#">Introduction Of ReactJs</a></li>
52-
<li><a href="#">Introduction Of ReactJs</a></li>
53-
</ul>
54-
</div>
55-
<div className="col-sm">
56-
<ul>
57-
<li><a href="#">Code Editors</a></li>
58-
<li><a href="#">Code Editors</a></li>
59-
<li><a href="#">Code Editors</a></li>
60-
<li><a href="#">Code Editors</a></li>
61-
</ul>
62-
</div>
63-
<div className="col-sm">
64-
<ul>
65-
<li><a href="#">Developer console</a></li>
66-
<li><a href="#">Developer console</a></li>
67-
<li><a href="#">Developer console</a></li>
68-
<li><a href="#">Developer console</a></li>
69-
</ul>
70-
</div>
71-
</div>
4+
const Main = () => (
5+
<div className="main thememain-white">
6+
<div className="container content-main">
7+
<div className="row">
8+
<div className="col-12">
9+
<h3>An introduction : </h3>
10+
</div>
11+
</div>
12+
<div className="row">
13+
<div className="col-sm">
14+
<ul>
15+
<li><a href="#">Introduction Of ReactJs</a></li>
16+
<li><a href="#">Introduction Of ReactJs</a></li>
17+
<li><a href="#">Introduction Of ReactJs</a></li>
18+
<li><a href="#">Introduction Of ReactJs</a></li>
19+
</ul>
20+
</div>
21+
<div className="col-sm">
22+
<ul>
23+
<li><a href="#">Code Editors</a></li>
24+
<li><a href="#">Code Editors</a></li>
25+
<li><a href="#">Code Editors</a></li>
26+
<li><a href="#">Code Editors</a></li>
27+
</ul>
28+
</div>
29+
<div className="col-sm">
30+
<ul>
31+
<li><a href="#">Developer console</a></li>
32+
<li><a href="#">Developer console</a></li>
33+
<li><a href="#">Developer console</a></li>
34+
<li><a href="#">Developer console</a></li>
35+
</ul>
36+
</div>
37+
</div>
7238

73-
</div>
39+
<div className="row">
40+
<div className="col-12">
41+
<h3>ReactJs Fundamentals : </h3>
7442
</div>
75-
)
76-
}
77-
}
43+
</div>
44+
<div className="row">
45+
<div className="col-sm">
46+
<ul>
47+
<li><a href="#">Introduction Of ReactJs</a></li>
48+
<li><a href="#">Introduction Of ReactJs</a></li>
49+
<li><a href="#">Introduction Of ReactJs</a></li>
50+
<li><a href="#">Introduction Of ReactJs</a></li>
51+
</ul>
52+
</div>
53+
<div className="col-sm">
54+
<ul>
55+
<li><a href="#">Code Editors</a></li>
56+
<li><a href="#">Code Editors</a></li>
57+
<li><a href="#">Code Editors</a></li>
58+
<li><a href="#">Code Editors</a></li>
59+
</ul>
60+
</div>
61+
<div className="col-sm">
62+
<ul>
63+
<li><a href="#">Developer console</a></li>
64+
<li><a href="#">Developer console</a></li>
65+
<li><a href="#">Developer console</a></li>
66+
<li><a href="#">Developer console</a></li>
67+
</ul>
68+
</div>
69+
</div>
70+
71+
</div>
72+
</div>
73+
);
7874

79-
export default Main;
75+
export default Main;

‎src/Components/Navigation.js‎

Lines changed: 31 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,37 @@
1-
21
import React from 'react';
32

4-
class Navigation extends React.Component {
5-
render() {
6-
return (
7-
<div className="main thememain-header">
8-
<div className="container">
9-
<nav className="navbar navbar-expand-lg navbar-light bg-light thememain-header">
10-
<a className="navbar-brand" href="#" title="10secondsofcode" >10secondsofcode</a>
11-
<button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
12-
<span className="navbar-toggler-icon"></span>
13-
</button>
3+
const Navigation = () => (
4+
<div className="main thememain-header">
5+
<div className="container">
6+
<nav className="navbar navbar-expand-lg navbar-light bg-light thememain-header">
7+
<a className="navbar-brand" href="#" title="10secondsofcode">10secondsofcode</a>
8+
<button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
9+
<span className="navbar-toggler-icon" />
10+
</button>
1411

15-
<div className="collapse navbar-collapse" id="navbarTogglerDemo02">
16-
<ul className="navbar-nav mr-auto mt-2 mt-lg-0">
17-
<li className="nav-item active">
18-
<a className="nav-link" href="#" title="10secondsofcode">Home <span className="sr-only">(current)</span></a>
19-
</li>
20-
<li className="nav-item">
21-
<a className="nav-link" href="#" title="ReactJs Tutorial">ReactJs</a>
22-
</li>
23-
<li className="nav-item">
24-
<a className="nav-link disabled" href="#" title="Javascript Tutorial" >Javascript</a>
25-
</li>
26-
</ul>
27-
<form className="form-inline my-2 my-lg-0">
28-
<input className="form-control mr-sm-2" type="search" placeholder="Search"></input>
29-
<button className="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
30-
</form>
31-
</div>
32-
</nav>
12+
<div className="collapse navbar-collapse" id="navbarTogglerDemo02">
13+
<ul className="navbar-nav mr-auto mt-2 mt-lg-0">
14+
<li className="nav-item active">
15+
<a className="nav-link" href="#" title="10secondsofcode">
16+
Home
17+
<span className="sr-only">(current)</span>
18+
</a>
19+
</li>
20+
<li className="nav-item">
21+
<a className="nav-link" href="#" title="ReactJs Tutorial">ReactJs</a>
22+
</li>
23+
<li className="nav-item">
24+
<a className="nav-link disabled" href="#" title="Javascript Tutorial">Javascript</a>
25+
</li>
26+
</ul>
27+
<form className="form-inline my-2 my-lg-0">
28+
<input className="form-control mr-sm-2" type="search" placeholder="Search" />
29+
<button className="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
30+
</form>
3331
</div>
34-
</div>
35-
)
36-
}
37-
}
32+
</nav>
33+
</div>
34+
</div>
35+
);
3836

3937
export default Navigation;

‎src/index.js‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11

2-
import React from "react";
3-
import ReactDOM from "react-dom";
4-
import App from "./App";
2+
import React from 'react';
3+
import ReactDOM from 'react-dom';
4+
import App from './App';
55
import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
66
import './style.css';
7-
import '../node_modules/bootstrap/dist/js/bootstrap.min.js';
7+
import '../node_modules/bootstrap/dist/js/bootstrap.min';
88
import 'jquery';
99
import registerServiceWorker from './serviceWorker';
1010

11-
ReactDOM.render(<App />, document.getElementById("app"));
12-
registerServiceWorker();
11+
ReactDOM.render(<App />, document.getElementById('app'));
12+
registerServiceWorker();

0 commit comments

Comments
 (0)