上一節(jié)，我們把從官網(wǎng)下載下來的React demo 啟動起來了赴背，但很多小伙伴碰到react還是感到很懵椰拒，不知從何下手晶渠，沒事冒出個app.js凰荚，到底干嘛用的燃观。剛下載下來的demo也不符合我們的真是項(xiàng)目開發(fā)思路，總之一句話便瑟，很狗屎缆毁。這一節(jié)，我來將demo的目錄結(jié)構(gòu)改變一下到涂，然后做出一個簡單的hello world實(shí)例脊框，同時包含樣式引用。
import 是react的es6使用践啄，就像我們在頁面中用那樣浇雹，但為了適應(yīng)時代的發(fā)展，讓自己更好的走前端這條路屿讽，更好的學(xué)會react這個狗屎一樣的框架昭灵，我們以后將更多的使用import來引入js以及css文件；
ReactDOM是react的方法類伐谈，我們用他的render方法來創(chuàng)建一個h1標(biāo)簽烂完，含有hello world內(nèi)容，然后渲染到id是root的div中诵棵，如果你心里對自己說：沒看懂抠蚣。那么你就多照著敲幾遍，接下來看一下頁面履澳，如圖：
3嘶窄、接下來我們?yōu)檫@個demo添加樣式，還是那條原則距贷，盡量少寫行內(nèi)樣式柄冲，寫自己的css文件。這個時候我們在 src文件夾下的css文件夾下創(chuàng)建demo.css储耐，寫入css樣式如圖：
怎么樣羊初，至今是不是覺得天也是晴的，雨也是停的什湘，自己也還是很行的呢长赞？
4、引入這個demo.css闽撤。還是那個原則得哆，不要想著在頁面里通過標(biāo)簽引入文件了，要經(jīng)常記得import這個關(guān)鍵字哟旗，要用熟練贩据，用習(xí)慣栋操，打開剛才的index.js然后引入，如圖：
5饱亮、看一眼我們的成果矾芙，如圖：
好啦，這一節(jié)我們通過以往自己的知識結(jié)構(gòu)創(chuàng)建了css img js等文件夾近上，看到了入口index.html和入口index.js文件剔宪，我們引入了自己的樣式∫嘉蓿基礎(chǔ)就這么多葱绒，看到有es6的東西及時去查，或者照著demo多敲幾遍記熟了斗锭。
下一節(jié)我們開始做真正的屬于自己的第一個React小項(xiàng)目地淀，喜歡的小伙伴關(guān)注下一節(jié)：狗屎一樣的React（第三節(jié)，創(chuàng)建app頂部標(biāo)題欄）
