Skip to content

Commit 8b067d0

Browse files
elangosundarelangosundar
committed
added
1 parent bf80183 commit 8b067d0

2 files changed

Lines changed: 109 additions & 68 deletions

File tree

‎src/Components/Main.js‎

Lines changed: 83 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -1,75 +1,90 @@
11

22
import React from 'react';
3+
import {title} from './data';
34

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>
5+
class Main extends React.Component {
6+
constructor(props){
7+
super(props);
8+
this.state = {
9+
count : 5,
10+
posts1 : []
11+
}
12+
}
13+
14+
componentDidMount() {
15+
console.log(JSON.stringify(title));
16+
}
3817

39-
<div className="row">
40-
<div className="col-12">
41-
<h3>ReactJs Fundamentals : </h3>
42-
</div>
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>
18+
render() {
19+
return(
20+
<div className="main thememain-white">
21+
<div className="container content-main">
22+
<div className="row">
23+
<div className="col-12">
24+
<h3>An introduction : </h3>
25+
</div>
26+
</div>
27+
<div className="row">
28+
<div className="col-sm">
29+
<ul>
30+
<li><a href="#">Introduction Of ReactJs</a></li>
31+
<li><a href="#">Introduction Of ReactJs</a></li>
32+
<li><a href="#">Introduction Of ReactJs</a></li>
33+
<li><a href="#">Introduction Of ReactJs</a></li>
34+
</ul>
35+
</div>
36+
<div className="col-sm">
37+
<ul>
38+
<li><a href="#">Code Editors</a></li>
39+
<li><a href="#">Code Editors</a></li>
40+
<li><a href="#">Code Editors</a></li>
41+
<li><a href="#">Code Editors</a></li>
42+
</ul>
43+
</div>
44+
<div className="col-sm">
45+
<ul>
46+
<li><a href="#">Developer console</a></li>
47+
<li><a href="#">Developer console</a></li>
48+
<li><a href="#">Developer console</a></li>
49+
<li><a href="#">Developer console</a></li>
50+
</ul>
51+
</div>
52+
</div>
53+
54+
<div className="row">
55+
<div className="col-12">
56+
<h3>ReactJs Fundamentals : </h3>
57+
</div>
58+
</div>
59+
<div className="row">
60+
<div className="col-sm">
61+
<ul>
62+
<li><a href="#">Introduction Of ReactJs</a></li>
63+
<li><a href="#">Introduction Of ReactJs</a></li>
64+
<li><a href="#">Introduction Of ReactJs</a></li>
65+
<li><a href="#">Introduction Of ReactJs</a></li>
66+
</ul>
67+
</div>
68+
<div className="col-sm">
69+
<ul>
70+
<li><a href="#">Code Editors</a></li>
71+
<li><a href="#">Code Editors</a></li>
72+
<li><a href="#">Code Editors</a></li>
73+
<li><a href="#">Code Editors</a></li>
74+
</ul>
75+
</div>
76+
<div className="col-sm">
77+
<ul>
78+
<li><a href="#">Developer console</a></li>
79+
<li><a href="#">Developer console</a></li>
80+
<li><a href="#">Developer console</a></li>
81+
<li><a href="#">Developer console</a></li>
82+
</ul>
83+
</div>
84+
</div>
6885
</div>
6986
</div>
70-
71-
</div>
72-
</div>
73-
);
74-
87+
);
88+
}
89+
}
7590
export default Main;

‎src/Components/data.js‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
export const title =
2+
{
3+
"Javascript": {
4+
"introduction": {
5+
"javascript objects" : "javascript objects",
6+
"Prototypal inheritance":"Prototypal inheritance",
7+
"Scoping and hosting":"Scoping and hosting",
8+
"Closures":"Closures",
9+
"JavaScript Higher-Order Functions":"JavaScript Higher-Order Functions",
10+
"The event loop":"The event loop",
11+
"Event bubbling":"Event bubbling",
12+
"Apply, call, and bind":"Apply, call, and bind",
13+
"Callbacks and promises, async/await":"Callbacks and promises, async/await",
14+
"Variable and function hoisting":"Callbacks and promises, async/await",
15+
"Currying":"Currying",
16+
"localstorage":"Currying",
17+
"array fucntions":"Map, filter, reduce , sort of arrays"
18+
},
19+
"design pattern": {
20+
"Decorator" : "Decorator",
21+
"Factory":"Factory",
22+
"Singleton":"Singleton"
23+
}
24+
}
25+
};
26+

0 commit comments

Comments
 (0)