Skip to content

Commit 9d95472

Browse files
Trying html syntax
1 parent 0e83fe5 commit 9d95472

File tree

2 files changed

+50
-4
lines changed

2 files changed

+50
-4
lines changed

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,4 +15,4 @@
1515
* Intro to Redux
1616

1717
### Lessons
18-
* [Lesson 1 - Setting up a React Project](lesson_1/README.md)
18+
* [Lesson 1 - Setting up a React and Webpack](lesson_1/README.md)

lesson_1/README.md

Lines changed: 49 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
#Lesson 1
1+
# Lesson 1
22

33
## Where to start?
44

@@ -11,8 +11,54 @@ Here are a few resources:
1111

1212
Setup the React Project:
1313

14-
```
14+
```cmd
1515
npm init
16-
npm install react --save
16+
npm install --save react react-dom
17+
npm install --save-dev webpack
18+
19+
```
20+
21+
Create the following directory structure
22+
```
23+
24+
|- index.html
25+
|- webpack.config.js
26+
|- /src
27+
|- index.js
28+
29+
```
30+
31+
Add the following contents to src/index.js
32+
33+
```javascript
34+
import React from 'react';
35+
import ReactDOM from 'react-dom';
36+
37+
ReactDOM.render(
38+
<h1>Hello, world!</h1>,
39+
document.getElementById('root')
40+
);
41+
```
1742

43+
Add the following to index.html
44+
```html
45+
<html>
46+
<head>
47+
<title></title>
48+
</head>
49+
<body>
50+
51+
</body>
52+
</html>
1853
```
54+
55+
56+
57+
58+
59+
60+
61+
62+
63+
64+

0 commit comments

Comments
 (0)