HelloWorld

入門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就基本無所畏懼了??。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,030評論 25 709
  • 先了解一下整個項目的目錄結(jié)構(gòu),其實這一步的詳細教學Facebook已經(jīng)幫我寫好了,你只要找到hello-world...
    goeasyway閱讀 2,412評論 3 5
  • 資料來源 要理解 React Native 應(yīng)用的基本結(jié)構(gòu),首先需要了解一些基本的React的概念,比如 JSX ...
    甘哲157閱讀 352評論 0 0
  • 本人是做Android出生的,一開始接觸react-native 還是有點抵觸心里的;覺得還不太成熟,怕用到實際項...
    HelloMrLi閱讀 2,315評論 0 0
  • “我想得到一個人的愛,我想到她的關(guān)懷,只是我不能一直這樣等待,在愛我與不愛之間徘徊;我需要一個人來把我愛,而不是每...
    Forness閱讀 264評論 0 0

友情鏈接更多精彩內(nèi)容