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

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

ReactJS官網(wǎng)地址：http://facebook.github.io/react/

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

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

React是什么？

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

二、ReactJS特點

1，虛擬DOM

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

2，組件化

把頁面分成若干個組件，組件中包含邏輯結(jié)構(gòu)和樣式

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

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

3，單向數(shù)據(jù)流

數(shù)據(jù)是從頂層組件傳遞到子組件中

數(shù)據(jù)可控

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

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

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

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

第1種方式

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

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

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

推薦度：

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

標(biāo)簽： 創(chuàng)建的 種方式 javascript

• 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題