File tree Expand file tree Collapse file tree 2 files changed +50
-4
lines changed
Expand file tree Collapse file tree 2 files changed +50
-4
lines changed Original file line number Diff line number Diff line change 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 )
Original file line number Diff line number Diff line change 1- #Lesson 1
1+ # Lesson 1
22
33## Where to start?
44
@@ -11,8 +11,54 @@ Here are a few resources:
1111
1212Setup 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+
You can’t perform that action at this time.
0 commit comments