Minor tweaks to tutorial
Dan Abramov committed
Apr 18, 2017 at 17:40 UTC
da124f2fb1a97d43cd365b3a7694b87eb24bdf43
1 file changed
+10
-8
docs/tutorial/tutorial.md
+10
-8
@@ -28,23 +28,25 @@ If you need a refresher on JavaScript, we recommend reading [this guide](https:/
28
29
### Following Along in Browser
30
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.
32
33
### Following Along Locally
34
35
You can also follow along locally if you don't mind a few extra steps:
36
37
+You can also follow along locally if you don't mind a few extra steps:
38
+
39
1. Make sure you have a recent version of [Node.js](https://nodejs.org/en/) installed.
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 <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>.
42
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`:
44
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
+ ```
50
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.
52