首頁 > web前端 > js教程 > react可以做什麼?

react可以做什麼?

青灯夜游
發布: 2020-11-30 17:03:50
原創
4897 人瀏覽過

react是一個JavaScript庫,主要用於建立UI,可用於建立「可預期的」和「聲明式」的網路使用者介面;React能夠建立那些資料會隨時間改變的大型應用,並且能夠提高開發效率。

react可以做什麼?

React 起源於Facebook 的內部項目,因為該公司對市場上所有JavaScript MVC 框架,都不滿意,就決定自己寫一套,用來架設Instagram 的網站。做出來以後,發現這套東西很好用,就在2013年5月就開源了。

React 是一個用來建立使用者介面的JavaScript 函式庫。 React主要用於建立UI,許多人認為 React 是 MVC 中的 V(視圖)。 React 擁有較高的效能,程式碼邏輯非常簡單,越來越多的人開始關注和使用它。

React可以用來建立「可預期的」和「宣告式的」Web使用者介面;React能夠建構那些資料會隨時間改變的大型應用,並且能夠提高開發效率

你可以在React傳遞多種類型的參數,例如宣告程式碼,幫助你渲染UI、也可以是靜態的HTML DOM元素、也可以傳遞動態變數、甚至是可互動的應用程式元件。

React 特點

  • 聲明式設計 −React採用宣告範式,可以輕鬆描述應用。

  • 高效能 −React透過DOM的模擬,最大限度地減少與DOM的交互作用。

  • 靈活 −React可以與已知的函式庫或框架很好地配合。

  • JSX − JSX是 JavaScript語法的擴充。 React開發不一定使用 JSX,但我們建議使用它。

  • 元件 − 透過 React建置元件,使得程式碼更容易被重複使用,能夠很好的應用在大專案的開發中。

  • 單向回應的資料流 − React 實作了單向回應的資料流,從而減少了重複程式碼,這也是為什麼它比傳統資料綁定更簡單。

React主要的原理

傳統的web應用,操作DOM一般是直接更新操作的,但我們知道DOM更新通常是比較昂貴的。而React為了盡可能減少對DOM的操作,提供了一種不同的而又強大的方式來更新DOM,取代直接的DOM操作。就是VirtualDOM,一個輕量級的虛擬的DOM,就是React抽像出來的一個對象,描述dom應該是什麼樣子的,應該如何呈現。透過這個Virtual DOM去更新真實的DOM,由這個Virtual DOM管理真實DOM的更新。

為什麼透過這多一層的Virtual DOM操作就能更快呢?這是因為React有個diff演算法,更新VirtualDOM並不保證馬上影響真實的DOM,React會等到事件循環結束,然後利用這個diff演算法,透過目前新的dom表述與之前的作比較,計算出最小的步驟更新真實的DOM。

最明顯的一點好處就是React所謂的 dom diff ,能夠實現delta等級的dom更新。當有資料變動導致DOM變動時,React不是全域刷新,而是透過它內部的dom diff 演算法計算出不同點,然後以最小粒度進行更新。這也是React號稱效能好的原因。

更多程式相關知識,請造訪:程式設計入門! !

以上是react可以做什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板