amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-24 12:43:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

Rewrite Installation and related docs (#996)

Browse Source 
* Rewrite "adding React to existing app"

Fixes #988

* Some copy

* typo

* Update babel instructions

* Update umd link

* Add prod minification section

* Show "button" example in several targets

* wip

* More

* More

* tweak

* yas

* Multi root tip

* moaar

* alot

* Tweak links

* Explain better

* better lead

* tweaks

* tweaks

* wording

* More reassuring tone

* Grammar

* wording

* feedback from readers

* Use id, not class

* More nits

* Re-add a useful section
This commit is contained in:
Dan Abramov
2018-06-26 01:24:56 +01:00
committed by GitHub
parent c300c144f9
commit 623523131e
12 changed files with 400 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
content/tutorial/tutorial.md
View File

@@ -59,12 +59,18 @@ You can now skip the second setup option, and go to the [Overview](#overview) se
### Setup Option 2: Local Development Environment
**This is completely optional and not required for this tutorial!**
This is completely optional and not required for this tutorial!
<br>
<details>
<summary><b>Optional: Instructions for following along locally using your preferred text editor</b></summary>
This setup requires more work but allows you to complete the tutorial using an editor of your choice. Here are the steps to follow:
1. Make sure you have a recent version of [Node.js](https://nodejs.org/en/) installed.
2. Follow the [installation instructions](/docs/add-react-to-a-new-app.html) to create a new project.
2. Follow the [installation instructions for Create React App](/docs/create-a-new-react-app.html#create-react-app) to make a new project.
```bash
npm install -g create-react-app
@@ -94,6 +100,8 @@ Now if you run `npm start` in the project folder and open `http://localhost:3000
We recommend following [these instructions](http://babeljs.io/docs/editors) to configure syntax highlighting for your editor.
</details>
### Help, I'm Stuck!
If you get stuck, check out the [community support resources](/community/support.html). In particular, [Reactiflux Chat](/community/support.html#reactiflux-chat) is a great way to get help quickly. If you don't receive an answer, or if you remain stuck, please file an issue, and we'll help you out.