Skip to content

Commit 7b89090

Browse files
committed
lesson-5
1 parent 6ced2ce commit 7b89090

File tree

4 files changed

+27
-17
lines changed

4 files changed

+27
-17
lines changed

dojo-blog/.eslintcache

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
[{"C:\\Users\\Shaun\\Documents\\Tuts\\YouTube\\course-files\\Complete-React-Tutorial\\dojo-blog\\src\\index.js":"1","C:\\Users\\Shaun\\Documents\\Tuts\\YouTube\\course-files\\Complete-React-Tutorial\\dojo-blog\\src\\App.js":"2"},{"size":432,"mtime":1607775534246,"results":"3","hashOfConfig":"4"},{"size":577,"mtime":1607782489129,"results":"5","hashOfConfig":"4"},{"filePath":"6","messages":"7","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"13wetv0",{"filePath":"8","messages":"9","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\Shaun\\Documents\\Tuts\\YouTube\\course-files\\Complete-React-Tutorial\\dojo-blog\\src\\index.js",[],"C:\\Users\\Shaun\\Documents\\Tuts\\YouTube\\course-files\\Complete-React-Tutorial\\dojo-blog\\src\\App.js",[]]
1+
[{"C:\\Users\\Shaun\\Documents\\Tuts\\YouTube\\course-files\\Complete-React-Tutorial\\dojo-blog\\src\\index.js":"1","C:\\Users\\Shaun\\Documents\\Tuts\\YouTube\\course-files\\Complete-React-Tutorial\\dojo-blog\\src\\App.js":"2","C:\\Users\\Shaun\\Documents\\Tuts\\YouTube\\course-files\\Complete-React-Tutorial\\dojo-blog\\src\\Navbar.js":"3","C:\\Users\\Shaun\\Documents\\Tuts\\YouTube\\course-files\\Complete-React-Tutorial\\dojo-blog\\src\\Home.js":"4"},{"size":432,"mtime":1607775534246,"results":"5","hashOfConfig":"6"},{"size":251,"mtime":1607783104290,"results":"7","hashOfConfig":"6"},{"size":257,"mtime":1607782981753,"results":"8","hashOfConfig":"6"},{"size":131,"mtime":1607783090089,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"13wetv0",{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\Shaun\\Documents\\Tuts\\YouTube\\course-files\\Complete-React-Tutorial\\dojo-blog\\src\\index.js",[],"C:\\Users\\Shaun\\Documents\\Tuts\\YouTube\\course-files\\Complete-React-Tutorial\\dojo-blog\\src\\App.js",[],"C:\\Users\\Shaun\\Documents\\Tuts\\YouTube\\course-files\\Complete-React-Tutorial\\dojo-blog\\src\\Navbar.js",[],"C:\\Users\\Shaun\\Documents\\Tuts\\YouTube\\course-files\\Complete-React-Tutorial\\dojo-blog\\src\\Home.js",[]]

dojo-blog/src/App.js

Lines changed: 4 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,13 @@
11
import './App.css';
2+
import Navbar from './Navbar';
3+
import Home from './Home';
24

35
function App() {
4-
const title = 'Welcome to the new blog';
5-
const likes = 50;
6-
// const person = { name: 'yoshi', age: 30 };
7-
const link = 'http://www.google.com';
8-
96
return (
107
<div className="App">
8+
<Navbar />
119
<div className="content">
12-
<h1>{ title }</h1>
13-
<p>Liked { likes } times</p>
14-
15-
{/* <p>{ person }</p> */}
16-
17-
<p>{ 10 }</p>
18-
<p>{ "hello, ninjas" }</p>
19-
<p>{ [1,2,3,4,5] }</p>
20-
<p>{ Math.random() * 10 }</p>
21-
22-
<a href={link}>Google Site</a>
10+
<Home />
2311
</div>
2412
</div>
2513
);

dojo-blog/src/Home.js

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
const Home = () => {
2+
return (
3+
<div className="home">
4+
<h2>Homepage</h2>
5+
</div>
6+
);
7+
}
8+
9+
export default Home;

dojo-blog/src/Navbar.js

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
const Navbar = () => {
2+
return (
3+
<nav className="navbar">
4+
<h1>The Dojo Blog</h1>
5+
<div className="links">
6+
<a href="/">Home</a>
7+
<a href="/create">New Blog</a>
8+
</div>
9+
</nav>
10+
);
11+
}
12+
13+
export default Navbar;

0 commit comments

Comments
 (0)