React 是近期非常熱門的一個前端開發框架。React 起源于 Facebook 的內部項目，因為該公司對市場上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來架設 Instagram 的網站。做出來以后，發現這套東西很好用，就在2013年5月開源了。由于 React 的設計思想極其獨特，屬于革命性創新，性能出眾，代碼邏輯卻非常簡單。所以，越來越多的人開始關注和使用，認為它可能是將來 Web 開發的主流工具。

ReactJS官網地址：http://facebook.github.io/react/

Github地址：https://github.com/facebook/react

ReactJS中文地址：http://reactjs.cn/react/docs/getting-started.html

React是什么？

React是由工作在Facebook的優秀程序員開發出來的用于開發用戶交互界面的JS庫。其源碼由Facebook和社區優秀的程序員維護，因此其背后有著非常強大的技術團隊給予技術支持。React帶來了很多新的東西，例如組件化、JSX、虛擬DOM等。其提供的虛擬DOM使得我們渲染組件呈現非常之快，讓我們從頻繁操作DOM的繁重工作之中解脫。了解React的人都知道，它做的工作更多偏重于MVC中的V層，結合其它如Flux等一起，你可以非常容易構建強大的應用。

二、ReactJS特點

1，虛擬DOM

通過DOM diff算法，只會更新有差異化的部分，不用渲染整個頁面，從而提高效率

2，組件化

把頁面分成若干個組件，組件中包含邏輯結構和樣式

組件只包含自身邏輯，更新組件的時候可以預測，利于維護

頁面拆分多個組件，可以做到重用

3，單向數據流

數據是從頂層組件傳遞到子組件中

數據可控

三、入門React 編寫 Hello，world 首先了解下什么是JSX

React的核心機制之一就是虛擬DOM：可以在內存中創建的虛擬DOM元素。React利用虛擬DOM來減少對實際DOM的操作從而提升性能。類似于真實的原生DOM，虛擬DOM也可以通過JavaScript來創建，例如：

使用這樣的機制，我們完全可以用JavaScript構建完整的界面DOM樹，正如我們可以用JavaScript創建真實DOM。但這樣的代碼可讀性并不好，于是React發明了JSX，利用我們熟悉的HTML語法來創建虛擬DOM：

四、React 編寫Hello，world 入門的5種方式

第1種方式

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

React.js入門實例教程之創建helloworld的5種方式_javascript技巧

React.js入門實例教程之創建helloworld的5種方式_javascript技巧:一、ReactJS簡介 React 是近期非常熱門的一個前端開發框架。React 起源于 Facebook 的內部項目，因為該公司對市場上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來架設 Instagram 的網站。做出來以后，發現這套東西很好用，就在2013年5月

推薦度：

點擊下載本文 文檔為doc格式

標簽： 創建的 種方式 javascript

• 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題