很多廢話，不想看可以跳過去
我不是什么大牛，編程好的人請不要過來凌辱我了：（，一只軟妹經(jīng)不起凌辱，除了罵回去，只會哭！！！！這里只是分享自己的筆記和經(jīng)驗，既不嚴謹也不嚴肅。中間可能會有錯誤，如果各位朋友發(fā)現(xiàn)了請告訴我。
——————————————————————————————————
最近想要編一個web，不想用servlet這種古董級的技術(shù)來寫一個HTML+CSS的網(wǎng)站。時間比較充裕，網(wǎng)頁功能簡單，所以想嘗試使用React。看了幾個教程，徹底懵逼了。WTF！！感覺教程里用的東西和我的完全不同，視頻教程比較老（希望極客學(xué)院出新的！），文字教程看不懂，大牛們寫的文章教程夾雜了很多新的東西，他們給自己講明白了，我啥也沒看明白！！
本來我各個環(huán)節(jié)都薄弱，而且不想全部都學(xué)會了才開始使用React，畢竟有些東西精通了也用不到，最后還是忘了。對于其他知識，只想知道要用的部分。
React主要需要一點terminal 語言（幾乎沒多少），HTML ,CSS, JSP.它和傳統(tǒng)網(wǎng)頁沒什么大區(qū)別，因為React就是FB 的 JavaScript庫而已。React就是一種框架，并非新的語言。
所以這個教程的特點是：
- 新：V15.6.1 ，2017年的
- 細：適合新手，小白，記憶力差，經(jīng)不起一點嚴肅對待的人（我）
- 結(jié)合環(huán)境：intellij IDEA ，Webstorm 。
- 不全面（優(yōu)點）：只知道要知道的事情，不節(jié)外生枝。
- 可能會有錯誤：（，有些中文寫的奇怪。
環(huán)境的搭建
有個東西你一定要有（純小白應(yīng)該不止這，哈哈）
- npm.
編譯器 & 操作系統(tǒng)
- 任意（我用了webstrom+win10）
最好要有Github，就不說了把，你搜搜，一大把。不過也不是必須的。不妨礙。
環(huán)境配置過程：Node.js -> npm -> react ->跑起來！
下載Node.js: https://nodejs.org/zh-cn/
下載npm: 終端輸入
npm install
下載react: cd你要下的地方，終端輸入
npm install -g create-react-app
建立react項目my-app:cd你要下的地方，終端輸入
create-react-app my-app
跑起來：終端輸入
cd my-app
npm start
日后facebook可能會更改命令，你可以在這查看他們的官網(wǎng)
https://facebook.github.io/react/docs/installation.html
————————————————————————————————
下載npm之前你可能需要下node.js先，
什么是Node.js?
我可以不負責任的告訴，你暫時也不需要知道node.js是什么，或者簡單百度一下就可以了。
不過你之前有可能下過node了，怎么看你有沒有node？
你在你的終端輸入 node -v
如果顯示了版本，就是有。沒有就下一個
Ps，你要是不知道怎么打開terminal，我就要打你屁股了。除了CMD，你也能試試鼠標右鍵+shift，在菜單里選擇打開終端或者PowerShell（windows）。
什么是npm？怎么用？
要學(xué)的只是很多，我也可以不負責任的告訴你，你不用管npm是什么，下載就行了。
我們的目標不是精通terminal語句，精通Node.js ， 更不是記住所有的插件。我們的目標是學(xué)會React
成功的話，你會見到這么一個界面：
文字可能略有不同，因為我給刪了，我忘了原來是什么。
恭喜你大兄弟，小老妹！你成功搭建好環(huán)境了！！
————————————————————————————————
后面的話，有點重要：
想學(xué)React，大家肯定還是要看一些教程的！就看我這破玩意是百分之一萬不夠的。至于看什么教程，我就不敢推薦了。因為我就是沒有教程才自己寫教程的。
視頻教程里我?guī)缀鯖]發(fā)現(xiàn)特別好的，中文英文都是。不是說做視頻的人不牛逼，而是教程過舊，15年出的幾乎就可以淘汰了，過時了。you土逼（油管，youtube）只有一個視頻的博主和我用的是一個版本的react，可是他的英語有很大的印度口音，you土逼都不肯提供自動翻譯，我無法集中注意力，所以放棄了。以下的教程都是來自我的同學(xué)，同事和同屋（男友）的智慧成果。
可能你看到我的帖子的時候，我的帖子也過時了哈哈哈哈，或者也許有更好的教程出現(xiàn)了。怎么樣分辨是不是已經(jīng)過時了呢？以我的時間線為標準來看，
- 如果是在HTML 里導(dǎo)入<script src="react.js">這種標簽的，可以考慮不要看了。連FB的例子都不用這樣的寫法了。
- 如果跟你提到https://facebook.github.io/react/ 官網(wǎng)中有download的標簽界面，下載zip的，可以不用看了。通常是0.幾的版本才有的。
看也沒關(guān)系，反正你發(fā)現(xiàn)和你下載的App sample完全不一樣。但是對于基礎(chǔ)語法學(xué)習(xí)啥的肯定是有好處的。
