1.2　React Native简介

Facebook曾致力于使用HTML 5进行移动端的开发，最终发现与原生的App相比，体验上还是有非常大的差距，并且这种差距越来越大，特别是在性能方面。最终，Facebook放弃了HTML 5的技术路线，于2015年3月正式发布了React Native框架，此框架专注于移动端App的开发。

在最初发布的版本中，React Native框架只用于开发iOS平台的App，2015年9月，Facebook发布了支持Android平台的React Native框架。至此，React Native框架真正实现了跨平台的移动App开发，此举简直就是移动App开发人员的福音。

图1-5为GitHub上React Native的开源项目，地址为 https://github.com/facebook/react-native/ 。

React Native框架在React框架的基础上，底层通过对iOS平台与Android平台原生代码的封装与调用，结合前台的JavaScript代码，我们就可以编写出调用iOS平台与Android平台原生代码的App，这样编写的App的性能远远优于使用HTML 5开发的App性能，因为HTML 5开发的App只是在HTML 5外部包裹上一个程序外壳后在移动平台上运行，在性能与功能上都不能达到React Native框架的水准。

React Native框架提供了原生组件与底层API供开发者使用，这些自带的组件与API足以满足移动端App的开发需求，后续章节会详细讲解这些组件与API的概念与使用实战演示。

React Native框架还提供了与iOS平台、Android平台混合开发的接口，让开发者可以在React Native中调用iOS平台与Android平台中任意的原生API与代码，让可以在原生平台实现的任何功能都可以在React Native框架中得以实现。

在使用React Native框架开发移动平台App的过程中，我们可以直接使用CSS进行页面元素的布局，这之前是iOS与Android原生移动平台开发者简直不可想象的事情。

开发人员在具备了React框架基础知识后，可以更加快速地进行React Native框架的学习与开发。图1-6为React Native官网截图，代码展示了我们只需要使用类似HTML 5（JSX）的代码就可以进行跨平台的移动App开发。

React Native有以下优势：

• 底层采用React框架，减少了我们学习与开发的成本，React Native框架可以让你真正跨越移动开发的鸿沟，不需要分开学习iOS平台与Android平台的特定语法、页面布局以及各平台的特别处理技巧，使用一套React Native代码的部署就可以覆盖多个移动平台。
• React Native性能优化很好，完全可以避开之前使用HTML 5开发移动App的性能障碍。
• React Native框架的JavaScript Core底层，可以让App轻松实现更新操作，基本上更新一下JavaScript文件，整个App就完成了更新，非常适合用来开发App的热更新。
• React Native框架同时也使得App的开发调试变得异常简单，不需要像之前在多个平台、多个语言、多个工具之间跳来跳去，React Native开发的App在模拟器或真机中，只需要像刷新浏览器一样就可以即时查看到代码修改后的效果，并且还可以在Chrome浏览器中查看控制台输出、加断点、单步调试等，整个过程完全就是JavaScript开发调试的体验，非常畅快。

图1-7为使用React Native框架开发时，在iOS系统下的开发调试选项截图，功能非常强大、使用非常方便。Android平台提供了同样的调试选项。