React | 高效前端之淺談

React | 高效前端之淺談

React在國外已被各個公司的各種產品大量使用，大眾熟知的INS、Airbnb、Yahoo、ThoughtWorks等，都是使用React來實現UI開發的。很多人認為，雖然React在國外已經被廣泛應用，但在國內，仍處新興萌芽階段。到底React在國內境遇如何？據海說科技了解，阿里內部系統、支付寶新一代框架、美團內部系統、知乎、滴滴、賣座電影、豆瓣等大型網站及平臺正在運用React，或在進行系統重構。毫無疑問，React作為近兩年前端三大流行框架之一，正成為程序員們最喜愛的JavaScript框架。自2013年5月開源至今，已有千萬網站、APP使用React來進行前端構架，使之成為GitHub 最受歡迎的項目之一。

眾所周知，React是由Facebook公司中有智慧的懶人創造的。當年，隨著Facebook用戶的不斷增多，巨大的代碼庫和龐大的組織使得MVC很快變得復雜非常，其廣告部門更是面臨著頁面不斷重新加載而異常緩慢的問題。Facebook對市場上所有 JavaScript MVC 框架都不滿意，就決定自己寫一套，用來架設 instagram的網站。這樣既滿足了自身擴展需求，優化了用戶體驗及管理，還能避免不斷的重新編碼。React是Facebook對于Web Components的理解與實現，做出來以后，發現這套東西很好用，于是就開源了。經過這幾年的沉淀，React越來越強大，暫不提React這幾年在國內與BAT之間的矛盾，這其中還有很大談判空間。僅從大多程序員角度來看，React無疑已成為開發第一選擇。

React已經形成一套完整的前端開發生態體系，包括：React.js、React Native 、ReactRenders（ReactDOM、ReactServer 、ReactCanvas） 、Flux 模式及其實現（Redux , Fluxxor） 、React 開源組件、GraphQl + Relay等。React作為一種思想存在，React.js應用于Web端； React Native應用于APP，同時支持IOS和Android應用程序的編碼設計和發布，顯著減少了為各個平臺編碼和設置資源所需的時間，成功為開發人員減負。

大多已經采用了React框架的企業，看中的是React穩定的跨平臺支持，其性能的水平和垂直擴展性都很好，同時減少了反饋循環，可快速迭代。而程序員們青睞React，也源于它的開發操作性極強：可并行工作，支持用戶將圖像解碼、調整文字大小并渲染，可以將高耗時的UI操作移出主線程，進而提高UI的流暢性并縮短響應時間；先進的手勢處理技術，可以更快的響應本地更改；允許訪問平臺特定的功能和組件，甚至包括小部件；易于閱讀，開發人員更易于從代碼中獲取關鍵信息。

海說軟件始終致力于應用React等優秀技術框架構建國內一流的原生APP。在我們看來，React是最佳的組件化實踐，在生產操作上的表現會越來越出彩：

1. React使用一個真正的、全功能的編程語言（JAX）去渲染視圖；

2. React可以讓開發者更方便的開發同構應用，這是其他 MVVM 框架很難做到的；

3. React解決了很多 SEO 訴求，方便組件的前后端復用；

4. React反應性更新非常簡單，當數據隨著時間的推移而變化時，你會發現react的真正亮眼之處；

5. 掌握了React，就具備了寫多個平臺的開發能力；

6. 擁抱了ES6的大量新特性；

7. React周邊生態圈異常繁盛，較其他類似框架都更加龐大。成熟的開發者都明白，真正能讓項目開發過程享受便利的一定是好的框架+豐富的生態庫。這一點，也將是 React對標競品的優勢所在。

React不僅僅有如上的表現。基于自身突破性的JAX、Virtual DOM、組件化、單向數據流等特點（此處特點，將在之后的文章中詳細介紹，暫且略過），會在使用中感受到其更簡單、聲明式的巨大優勢。海說軟件正是看到了這一強大優勢，將繼續深挖硬掘，運用以React為代表的優秀框架，幫助企業解放生產力，打造出這個時代最樸素、最富質感、最受大眾喜愛的互聯網產品。