這一節(jié)罕袋,我們來說說怎么搭建React ,或者是更合適的方法碍岔。
一直以來浴讯,我們深深喜愛著的方式,也是習慣了的方式是需要哪個js蔼啦,就在頁面兰珍,然后需要把js引入到文檔底部來加速渲染頁面。
所以小伙伴們肯定希望學習react從引入react.js開始,然后自己寫個index.js或者demo.js來引入掠河。我們還得引入亮元,但自己引入的index.js需要這么寫這么做是希望瀏覽器能夠認識我們接下來要學習的react的狗屎一樣的寫法。他加入的jsx的語法糖唠摹,含有es6的招式爆捞,所以舊版本瀏覽器不認識。react沒有ajax功能勾拉,所以我們想引入jQuery.js煮甥,我們還想引入bootstrap.css。
是不是發(fā)現(xiàn)學習react也挺簡單的藕赞,其實不然成肘。你會發(fā)現(xiàn)還是跑不起來,因為他需要服務器支撐斧蜕,我們再把搭建好的react demo放到tomcat下面双霍,然后就訪問localhost:8080/reactdemo/index.html 然后就跑起來了。
雖然跑起來了批销,但我告訴你洒闸,以上的我們留戀的學習姿勢是錯誤的,是不符合當下形式的均芽。
下面我來說更推薦的:
1丘逸、安裝Nodejs
地址: https://nodejs.org/en/download/
來這里下載,然后安裝掀宋。至于怎么下載深纲,怎么安裝,跟你安裝QQ思路差不多劲妙,安裝完了也不用配置環(huán)境變量湃鹊。只需要打開cmd小黑窗,然后輸入node -v 是趴。如果剛才安裝成功了涛舍,會顯示一個nodejs的版本號
2、搭建react官方demo實例
推薦安裝學習地址: http://www.runoob.com/react/react-install.html
推薦在C盤以外的盤符創(chuàng)建一個空文件夾唆途,比如定義:ggReact 富雅,然后通過cmd小黑窗定位到我們新建的ggReact文件夾再開始 npm 等一系列操作,操作步驟大概如下:
npm install -g create-react-app create-react-app my-app cd my-app/ npm start
當你npm start以后肛搬,demo實例會自動跳出來没佑。這樣證明你的環(huán)境已經(jīng)搭建好了。
工欲善其事必先利其器温赔,我們更推薦使用node npm的方式來搭建自己的react工程蛤奢,而不是再利用script頁面引入的方式,因為目前的潮流就是Node npm ,我們必須緊跟著啤贩,還得跟的快待秃。如果你不按潮流來,仍然很守舊痹屹,按我給你看個好玩的東西章郁。
看過之后小伙伴們覺得自己屬于哪個層級呢?
然后你可以看一下搭建好的react工程的目錄結構志衍,下一節(jié)我們來說一下暖庄,初次玩react的你該怎么整理一下這個目錄結構從而使自己更適合繼續(xù)玩下去,下一篇文章就叫:狗屎一樣的React(第二節(jié)楼肪,讓目錄結構變得更易懂)