學習 React Native 1

第一章

介紹

React 是建立用戶界面的 JS 庫。 2013年 Facebook將其開源后，在App開發者社區里面引起了廣大的反響。很多大公司也采用了這項技術，包括： NetFlix, Yahoo, Github 以及Codecademy. 用戶們都夸他的性能和靈活性，就如同他們自己宣稱，基于組件的方式創建用戶界面。您也許能夠想到， Facebook 研發小組開發React 的最初目的是為了應付那些復雜的網站應用程序以及繁重的用戶交互和數據傳輸工作了。

2015年1月，React 小組又宣布了一個新的項目： React Native. React Native 使用 React 來開發網站頁面的平臺主要是用于移動端的iOS和 Android,而不是以前的電腦端瀏覽器。他的實現方式是通過 橋的形式在主機平臺以及javaScript 之間建立聯系。他承諾可以讓網站開發人員直接寫出真正的，原生渲染的移動應用程序，如果您已經了解了 JavaScript ,并且使用過他進行開發，一定會愛上這門技術的。

但。。。這怎么可能？也許更重要的事是： 您在這技術上會有何受益？ 在這本書里， 我們會涉及到 React Native 的基礎知識，以及他是如何工作的。然后會利用您已經掌握的 React 知識來幫助您使用 React Native 來建立復雜的移動應用，更好的利用平臺的 API, 諸如：地理信息，照相機以及其它更多。在最后：您會具備所有將您的應用布署到 App商店的知識。盡管我們會主要基于 iOS來學習，但所有的知識也同時適用于Android 以及其他的一些平臺。

準備好了，開始使用 React 編寫您自己的移動 應用了嗎？太棒了－我們開始吧！

React Native 是如何工作的？

用 JavaScript 寫移動應用程序這想法本身就挺古怪的。 怎么才能在移動環境里面使用 React ? 在這個小節里，我們來探索一下這項技術的支柱性能，React Native. 首先讓我們回想一下 React 的特性:虛擬的文檔對象模型（Virtual DOM），然后再學習一下他是如何和 React Native的移動特性相關連的。

React里的 虛擬文檔對象模型

在 React里，虛擬的文檔對象模型是一個中間層：開發者描述清楚了網頁的元素看起來應該是怎樣的， 然后虛擬的渲染模塊根據這些描述生成頁面。為了渲染在瀏覽器里的用戶界面的互動組件，程序員需要修改瀏覽器的文檔對象模型。 這一步的代價很大， 過度的重寫瀏覽器的文檔對象模型會對網站的性能有很大的影響。 React 不會直接渲染頁面上的被修改過的組件，他會根據內存里的文檔對象模型進行計算已存在于頁面上的修改差值，然后只重新渲染最小量的應用程序的變化。

對于 React 版本的網站環境來說，大多數的開發者都認為這個虛擬的文檔對象模型是為了性能優化而存在的。事實上該虛擬文檔對象模型是隨著早期討論 React 的文章一起出名的，那時討論React 的文章大部分都關注的是他的性能提高，所以在談到虛擬文檔對象模型時也使用同樣的口徑。接合著react 使用的環境來說，這個關注點其實是很對路的。 隨著React 的發布，虛擬文檔對象的方法的渲染也通過已有的JS框架，在性能方面有了很大的提高， 特別是在處理交互數據以及在集中渲染程序的時候。

也是從那個時候 ,React 的文檔對象模型這種更新方式被其他的一些框架所采用：例如 Ember.js的最新 Glitter引擎，在此時談起性能來說， React 還是具有很強的領先地位。

不深思則不能造于道。不深思而得者，其得易失。

名人名言- 曾國藩

• By 優聯實達
• 2015-11-11
• 1278
• 公司新聞，網站開發，網站設計，UI