React.js 不靠譜入門教程(1)

就不浪費篇幅介紹什么是ReactJs了,你都打算學了,肯定有所了解了,當然以后會多關注這方面內容的,會整理和發布的,現在以學習為主。好了進入正題開始接觸ReactJs,決定混跡在http://react-china.org/。我寫這篇的時候苦于怎么開始學習,恰好趕上一篇《React學習經驗總結》,就順著這個思路學習吧。

啟程

阮一峰老師react-demos先把這套教程擼了再說首先把代碼clone下來:

$ git clone git@github.com:ruanyf/react-demos.git

或者關注我的github項目ReactJs-in-action這里面會有我所有ReactJs學習的所有代碼

<!DOCTYPE html>
<html>
    <head>
        <title>demo1</title>
    </head>
    <body>
        <div id="example"></div>
        <script src="../../bower_components/react/react.js"></script>
        <script src="../../bower_components/react/JSXTransformer.js"></script>
        <script type="text/jsx">
            React.render(
              <h1>Hello, world!</h1>,
              document.getElementById('example')
            );
        </script>
    </body>
</html>

dome1比較簡單直接上代碼


  1. 用了bower去管理代碼所以和阮一峰老師的鏈接不一樣
  2. 在文件中引入react.js JSXTransformer.js
  3. 在頁面中寫js 注意 <script type="text/jsx">,關于JSX,如果你是學者型多讀讀文檔,如果你是實戰派就暫時記住這樣的寫法
  4. 用了React.render方法大概解釋下第一參數是虛擬的DOM是用React虛擬出的DOM,reder方法將虛擬DOM渲染到真實的dome中

第一篇暫時寫這么多,主要是預熱下。

其他參考

  1. React 初探
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容