react可以做什麼？

react是一個JavaScript庫，主要用於建立UI，可用於建立「可預期的」和「聲明式」的網路使用者介面；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中文網其他相關文章！