Skip to content

Commit f8ade2b

Browse files
committed
Minor tweaks to tutorial
1 parent 53a0064 commit f8ade2b

File tree

1 file changed

+10
-8
lines changed

1 file changed

+10
-8
lines changed

docs/tutorial/tutorial.md

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -28,23 +28,25 @@ If you need a refresher on JavaScript, we recommend reading [this guide](https:/
2828

2929
### Following Along in Browser
3030

31-
We'll be using an online editor called CodePen in this guide. Start by opening this <a href="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 <a href="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.
3232

3333
### Following Along Locally
3434

3535
You can also follow along locally if you don't mind a few extra steps:
3636

37+
You can also follow along locally if you don't mind a few extra steps:
38+
3739
1. Make sure you have a recent version of [Node.js](https://nodejs.org/en/) installed.
3840
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 <a href="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 <a href="https://codepen.io/gaearon/pen/JNYBEZ?editors=0010" target="_blank">this JS code</a>.
4042
4. Replace the contents of `src/index.css` in the generated project with <a href="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`:
4244

43-
```js
44-
import React from 'react';
45-
import ReactDOM from 'react-dom';
46-
import './index.css';
47-
```
45+
```js
46+
import React from 'react';
47+
import ReactDOM from 'react-dom';
48+
import './index.css';
49+
```
4850

4951
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.
5052

0 commit comments

Comments
 (0)