入門react最簡(jiǎn)單的方法是使用react的示例代碼银酗。你可以在CodePen這個(gè)網(wǎng)站上在線編輯運(yùn)行痊银,這樣你不需要安裝任何東西颖侄,你需要做的僅僅是在瀏覽的另一個(gè)窗口打開這個(gè)網(wǎng)站,然后按照本教程的示例代碼一步一步在線運(yùn)行室抽。如果你想將它運(yùn)行在本地的開發(fā)環(huán)境中,點(diǎn)擊這個(gè)網(wǎng)站安裝:安裝靡努。
一個(gè)最簡(jiǎn)單的react例子是下面這樣的:
ReactDom.render(
<h1>Hello World!</h1>
document.getElementById('root')
);
它渲染了一個(gè)名為“Hello World”的頭部欄在頁(yè)面上坪圾。
接下來的章節(jié)會(huì)一步一步的向你介紹如何使用react。我們將花時(shí)間讓你理解組件化的編程思想惑朦,一旦當(dāng)你掌握了elements和components兽泄,你就可以在適合的環(huán)境中用它們構(gòu)建復(fù)雜的應(yīng)用。
關(guān)于Javascript的一些注解
react是javascript的庫(kù)漾月,所以我們假定你有對(duì)javascript有一個(gè)基本的理解病梢,如果你對(duì)自己的javascript感到不是很自信的話,我們建議你刷新一下你的javascript知識(shí)梁肿,這樣你就可以更好的掌握后面的章節(jié)飘千。
在后面的代示例中,我們會(huì)使用一些一些ES6的語(yǔ)法栈雳。我們盡量有節(jié)制的使用它护奈,畢竟相對(duì)來說它還是比較新的語(yǔ)法。但是我們鼓勵(lì)你對(duì)尖頭函數(shù)哥纫,template語(yǔ)法霉旗,let,const有一個(gè)熟悉的認(rèn)識(shí)蛀骇。你可以利用Babel REPL去檢查你的ES6語(yǔ)法是否正確厌秒。
關(guān)于ES6我推薦你刷一遍阮一峰老師寫的《ES6標(biāo)準(zhǔn)入門第二版》,這樣對(duì)于ES6就基本無所畏懼了??擅憔。