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