react有什么優缺點

這篇文章給大家分享的是有關react有什么優缺點的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

優點為：1、創建動態Web應用程序變得更加容易；2、可重用組件；3、性能增強；4、兼容性好；5、對SEO友好等。缺點為：React的目標是UI組件，并不是一個完整的框架，基本都需要加上ReactRouter和Flux才能寫大型應用。

本教程操作環境：Windows7系統、react17.0.1版、Dell G3電腦。

React是一套JavaScript Web庫，由Facebook打造而成且主要用于構建高性能及響應式用戶界面。React負責解決其它javascript框架所面對的一大常見難題，即對大規模數據集的處理。能夠使用虛擬DOM并在發生變更時利用補丁安裝機制只對DOM中的dirty部分進行重新渲染，React得以實現遠超其它框架的速度表現。

React的優點

1、創建動態Web應用程序變得更加容易

創建一個專門使用HTML字符串的動態web應用程序是一件棘手的事情，因為它需要復雜的編碼，但是React JS解決了這個問題并使其變得更容易。它提供更少的編碼并提供更多的功能。它利用JSX(JavaScript擴展)，這是一種特殊的語法，允許HTML引號和HTML標記語法來呈現特定的子組件。它還支持構建機器可讀代碼。

2、可重用組件

ReactJS web應用程序由多個組件組成，每個組件都有自己的邏輯和控件。這些組件負責輸出一小段可重用的HTML代碼，這些代碼可以在任何需要的地方重用。可重用代碼有助于使應用程序更容易開發和維護。這些組件可以與其他組件嵌套，從而允許用簡單的構建塊構建復雜的應用程序。ReactJS使用基于虛擬DOM的機制來填充HTML DOM中的數據。虛擬DOM的工作速度很快，因為它只更改單個DOM元素，而不是每次都重新加載完整的DOM。

3、性能增強

ReactJS通過虛擬DOM提高了性能。DOM是一個跨平臺和編程API，它處理HTML、XML或XHTML。大多數開發人員在更新DOM時都會遇到這個問題，這會降低應用程序的性能。ReactJS通過引入虛擬DOM解決了這個問題。React虛擬DOM完全存在于內存中，是web瀏覽器DOM的一個表示。因此，在編寫React組件時，我們并沒有直接向DOM寫入。相反，我們編寫的虛擬組件會將react轉換為DOM，從而獲得更流暢、更快的性能。

4、兼容性好

比如使用RequireJS來加載和打包，而Browserify和Webpack適用于構建大型應用。它們使得那些艱難的任務不再讓人望而生畏。

5、以SEO友好著稱

傳統的JavaScript框架在處理SEO時存在一個問題。搜索引擎通常在閱讀大量javascript應用程序時遇到麻煩。許多web開發人員經常抱怨這個問題。ReactJS解決了這個問題，幫助開發人員在各種搜索引擎上輕松導航。這是因為response .js應用程序可以在服務器上運行，而虛擬DOM將作為常規web頁面呈現并返回到瀏覽器。

6、同構、純粹的javascript

因為搜索引擎的爬蟲程序依賴的是服務端響應而不是JavaScript的執行，預渲染你的應用有助于搜索引擎優化。

7、測試代碼的范圍

ReactJS應用程序非常容易測試。它提供了一個范圍，在這個范圍內，開發人員可以在本地工具的幫助下測試和調試他們的代碼。

React的劣勢：

不適合單獨做一個完整的框架

React是目標是UI組件，通常可以和其它框架組合使用，目前并不適合單獨做一個完整的框架。React 即使配上 Flux 的組合，也不能稱之一個完整的框架，比如你想用Promise化的AJAX？對不起沒有，自己找現成的庫去。而且第三方組件遠遠不如Angular多。React本身只是一個V而已，所以如果是大型項目想要一套完整的框架的話，也許還需要引入Flux和route相關的東西。而Angular在這方面提供的東西比React多多了.

感謝各位的閱讀！關于“react有什么優缺點”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！