React Native如何用JS開發原生IOS APP

這篇文章給大家介紹React Native如何用JS開發原生IOS APP，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

React Native問世

2013年Facebook開源了在內部大量使用的前端UI JavaScript庫——ReactJS，在兩年來，ReactJS給前端領域帶來了巨大的影響，越來越多的公司開始使用ReactJS構建前端應用。ReactJS提供一個模型簡單、聲明式的、可組合的前端組件開發庫，開發人員使用ReactJS將前端分割為獨立的松耦合高內聚UI組件Componnet，同時使用虛擬DOM等技術將瀏覽器的DOM API封裝成聲明式高性能的API調用，提升整體系統的抽象層次，大大簡化編程模型，提升可擴展性和開發效率。2015年在Facebook的F8大會上，Facebook宣布開源使用React/JavaScript現代瀏覽器技術來構建原生應用的React Native。React Native一經宣布就給整個前端開發領域帶來了巨大的轟動。

封裝原生控件

React Native封裝了大部分的標準移動平臺組件（目前只放出了對于iOS系統的支持，Android系統的支持年底會放出），包括類似TabBar、Navigation Controller之類的組件，這些組件完全使用原生系統實現，能夠提供平臺上一致的觀感和使用體驗。在iOS和Android的移動平臺上有非常豐富的觸控手勢支持，React Native也充分封裝這些內容，提供原生的觸控操作體驗。

借鑒WEB經驗布局和樣式控制

Web上使用非常豐富的CSS樣式控制來對UI控件進行渲染，React Native借鑒了Web樣式控制的方式，把大部分常用的Web樣式帶到了原生應用開發中，開發人員可以使用已經很熟悉的CSS樣式對原生控件的樣式屬性進行控制。同時為了提供更加便利的布局能力，也把Web標準中的Flexbox布局模型引入到原生開發中，這對于開發者來說在效率上是非常大的提升。在樣式方面，React Native選擇使用inline styling的設計，使用JavaScript的接口來對控件的布局和樣式進行控制，更加有效提高這些方面的開發效率。

異步執行

React Native依然應用React中虛擬DOM的技術來提升渲染性能，為了做到這一點，所有JavaScript代碼的運行和原生平臺被分離開采用不能的線程異步執行，這樣能夠充分利用原生系統的執行能力，同時不會對主UI線程帶來任何額外的消耗。所有UI上的響應式變化都會分解為最小的變化差異，然后批量的發送給負責渲染的主UI線程集中渲染，有效保障前端組件的響應效率。這種結構的設計還帶來一個好處，就是在開發過程中，不再需要構建－等待－刷新驗證的過程，只需要保存代碼后直接在原生的View上使用快捷鍵進行刷新即可，大大提升開發效率。React Native在設計中充分保證了使用原生代碼的擴展性，使用JavaScript開發應用UI端時可以很容易的調用原生代碼來制作自定義的View或者模塊，從而可以完全重用之前構建過的原生模塊或者使用第三方的代碼庫。

關于React Native如何用JS開發原生IOS APP就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。