You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/tutorial/tutorial.md
+10-8Lines changed: 10 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -28,23 +28,25 @@ If you need a refresher on JavaScript, we recommend reading [this guide](https:/
28
28
29
29
### Following Along in Browser
30
30
31
-
We'll be using an online editor called CodePen in this guide. Start by opening this <ahref="https://codepen.io/gaearon/pen/JNYBEZ?editors=0010"target="_blank">starter code</a>. It should display an empty tic-tac-toe field. We will be editing that code during this tutorial.
31
+
We'll be using an online editor called CodePen in this guide. You can begin by opening this <ahref="https://codepen.io/gaearon/pen/JNYBEZ?editors=0010"target="_blank">starter code</a>. It should display an empty tic-tac-toe field. We will be editing that code during this tutorial.
32
32
33
33
### Following Along Locally
34
34
35
35
You can also follow along locally if you don't mind a few extra steps:
36
36
37
+
You can also follow along locally if you don't mind a few extra steps:
38
+
37
39
1. Make sure you have a recent version of [Node.js](https://nodejs.org/en/) installed.
38
40
2. Follow the [installation instructions](/react/docs/installation.html#creating-a-new-application) to create a new project.
39
-
3. Replace the contents of `src/index.js` in the generated project with <ahref="https://codepen.io/gaearon/pen/JNYBEZ?editors=0010"target="_blank">this JavaScript code</a>.
41
+
3. Replace the contents of `src/index.js` in the generated project with <ahref="https://codepen.io/gaearon/pen/JNYBEZ?editors=0010"target="_blank">this JS code</a>.
40
42
4. Replace the contents of `src/index.css` in the generated project with <ahref="https://codepen.io/gaearon/pen/JNYBEZ?editors=0100"target="_blank">this CSS code</a>.
41
-
5. Delete any other files in the `src/` folder, and add three lines to the top of `src/index.js`:
43
+
5. Delete other files in the `src/` folder, and add three lines to the top of `src/index.js`:
42
44
43
-
```js
44
-
importReactfrom'react';
45
-
importReactDOMfrom'react-dom';
46
-
import'./index.css';
47
-
```
45
+
```js
46
+
importReactfrom'react';
47
+
importReactDOMfrom'react-dom';
48
+
import'./index.css';
49
+
```
48
50
49
51
Now if you run `npm start`in the project folder and open `http://localhost:3000`in the browser, you should see an empty tic-tac-toe field.
0 commit comments