第1章 React Native背景知識

1.1 React Native的誕生與發展

自從“大前端”的概念被提出以來，移動端和前端的邊界變得越來越模糊，并且，近年來流行的移動跨平臺技術也讓前端和移動端開發人員的職責范圍變得越來越模糊。從多年前流行的PhoneGap、inoic等混合開發技術，到現在火熱的React Native、Weex和Flutter等跨平臺技術，無不體現著移動端開發的前端化。

作為目前流行的跨平臺技術框架之一，React Native是Facebook技術團隊于2015年4月在早先的React前端框架基礎上開源的一套移動跨平臺開發框架，可以同時支持iOS和Android兩大移動平臺。

截至2019年6月，React Native在GitHub網站上已獲得大量開發者的支持，如圖1-1所示。

說到React Native，就不得不說一下它的誕生過程。早期，Facebook曾致力于推動HTML 5移動端應用的開發，但最終無法實現媲美原生App的用戶體驗，并且設備性能越差，體驗差距越明顯。最終，Facebook放棄了HTML 5方案，轉而開始使用React Native框架來開發移動端應用。

在React框架的基礎上，React Native框架前臺的JavaScript代碼通過調用封裝的Android和iOS原生平臺的代碼來實現界面的渲染操作，因而調用原生代碼的App的性能遠遠優于使用HTML 5開發的App性能。

由于React Native使用React前端語法來開發移動Android和iOS跨平臺應用，因此，對于熟悉React框架的前端開發者來說，不需要再系統學習Android和iOS的特定語法即可開發出媲美原生體驗的移動應用。

同時，React Native使用流行的JSX語法來替代常規的JavaScript語法，提高了代碼的可閱讀性。JSX是一種XML和JavaScript結合的擴展語法，因此對于熟悉Web前端開發的技術人員來說，只需很少的學習就可以上手移動應用開發。

React Native框架的優勢在于，只需要使用一套代碼就可以覆蓋多個移動平臺，真正做到“Learn Once，Write Anywhere”。React Native框架底層使用的是JavaScriptCore引擎，基本上只需要更新一下JavaScript文件，即可完成整個App的更新操作，非常適合用來開發App的熱更新功能。

除此之外，React Native框架提供的開發和調試環境也是非常友好的，如圖1-2所示。尚在開發的App在模擬器或真機中運行時，開發者只需要像刷新瀏覽器一樣，就可以即時查看到代碼修改后的效果，并且還可以在Chrome瀏覽器中查看控制臺輸出、加斷點、單步調試，等等，整個過程完全就是JavaScript開發調試的體驗，非常暢快。