1.1 看透React Native
　　React Native（http://facebook.github.io/react-native/）第一次进入公众的视野是在2015年1月的React.js Conf（http://conf.reactjs. org/）上，随后，同年5月份，Facebook在F8 Conference（https://www. fbf8.com/）上正式宣布：React Native项目（如图1.1所示）
在Github开源。结果一天之内，就收获了5000多颗星，受关注程度可见一斑！
?小知识：React.js Conf是指Facebook的React开发者大会，F8 Conference是指Facebook的开发者大会，Github是全球最大的软件项目托管平台，也被戏称为“人类的代码仓库”。
1.1.1 React Native与React.js
　　想必读者在还没弄清React Native之前，又发现了一个“新朋友”React.js（下文简称React），那到底什么是React呢？它和React Native又是什么关系呢？
　　先来看看Facebook官方（https://code.facebook.com/projects/176988925806765/react/）对React的定义：

React is a JavaScript library for building user interfaces
　　从上述官方的定义可以知道：React是一个用于前端UI开发的JavaScript库。和其他类似的前端框架相比，例如，老牌的Backbone（http://backbonejs.org/）、Google推出的Angular（https://angularjs.org/）和以轻量级著称的Vue.js（http://cn.vuejs.org/），React最大的不同是提出了Virtual DOM（即虚拟DOM）的设计，可以大大提升页面渲染的效率。
?小知识：移动平台开发很好理解，即移动平台上（例如Apple的iOS平台，Google的Android平台）的软件开发，开发语言和技术主要有Objective C、Swift及Java等。而前端开发是相对于后端（又称服务器端）开发而言的，前端主要负责开发通过浏览器和用户交互的部分，开发语言和技术主要有HTML、CSS及JavaScript等。
　　但是，Facebook不仅仅满足于React对前端开发技术的革新，又将React的设计移植到原生开发中，从而诞生了React + Native结合的产物，即React Native。
　　虽然，React Native刚开始只支持iOS App开发，但是从2015年9月起，React Native也支持Android App开发，而且随着微软、三星等“IT大佬”的加入，React Native还将支持更多的移动平台，例如，Sansung的Tizen平台（https://www.tizen.org/）、Microsoft的Window Phone（http://microsoft.github.io/code-push/articles/ReactNativeWindows.html）。
　　所以，简单来说：

• React Native和React使用了相同的开发语言JavaScript和相同的设计理念React。
• React Native和React运行的环境和平台却是完全不同的，React Native是基于移动平台（如iOS、Android等），而React是基于浏览器。
  ?提示：国内网络环境下访问React Native官网（http://facebook.github.io/react-native/）可能较慢，读者可以访问国内的中文资源网站，例如React Native 中文网（http://reactnative.cn/），或者自行搜索加快React Native官网访问速度的办法。

1.1.2 React Native的跨平台
　　简单了解了React Native的由来之后，读者或许会有这样的疑问，开发移动平台App使用原生开发平台和语言就好了，为什么要出现使用React Native来开发移动平台App的技术呢？换句话说，React Native到底可以解决什么问题呢？
　　在进一步讨论之前，笔者觉得有必要明确一下什么是原生应用和跨平台应用。
　　1．原生应用
　　所谓的原生应用是指：使用原生开发语言、工具和平台开发的应用。原生应用开发的优势在于拥有较高的平台成熟度，包括平台的稳定性、运行时的性能及完善的生态。
?小知识：所谓的“生态”应该算是比较抽象的概念，开发平台的生态圈包含了很多方面，从硬件上芯片和各种电子元器件的生产、供应，到软件上所使用的语言、开发工具及第三方开源库的数量质量，以及人的方面，如开发者的数量、水平等因素。
　　但是，原生应用开发也不是没有任何缺点，那就是开发成本较高，导致开发效率相对较低。例如，当一个产品需要支持多种类型的移动终端时，就需要熟悉多个原生平台开发的工程师。
　　2．跨平台应用
　　为了解决产品满足多个平台的需求，就有了所谓的跨平台应用开发。根据实现跨平台方案的不同，也就有了以下几种常见的跨平台解决方案。

• 混合应用开发：在移动浏览器中嵌入HTML页面来开发移动应用，代表的有Apache Cordova（http://cordova.apache.org/），以及基于Apache Cordova衍生的Inoic（http://ionicframework.com/）等，如图1.2所示。

• 跨平台的语言：例如，基于.NET和C#的Xamarin（https://www.xamarin.com/），以及基于Ruby的RubyMotion（http://www.rubymotion.com/cn/），如图1.3所示。

      ![image](https://yqfile.alicdn.com/68645cab7150e8fbb6a4971f333ab6a299e1e54b.png)
  

• React Native：使用的是Web开发语言（JavaScript）和环境（Node.js）。除了本书介绍的React Native之外，类似的技术方案还有NativeScript（http://www. telerik.com/nativescript）、Weex（http://weex-project.io/）等，如图1.4所示。

?提示：想要了解关于更多React Native的架构和原理，可以参考1.1.3节。
1.1.3 解剖React Native应用的结构
　　在了解完这么多关于React Native的故事和优势之后，让我们走近React Native，来进一步了解React Native的原理和架构。
　　React Native应用的整体结构如图1.5所示。

　　通过之前的介绍和图1.5可以看出：React Native应用开发使用的是与React相同的开发语言JavaScript和设计思想React，而底层仍然是基于原生平台的。这样，不同平台的适配就交由React Native平台去处理，而开发者只需要专注于React Native平台应用开发本身，体现出的优势如下。

• 应用层的开发变得简单、高效和跨平台。
• 应用稳定性、运行时的性能和原生平台接近。
• 在理解React Native原理之后，开发者也可以根据实际的产品需求开发自己的React Native组件，以复用已有原生平台的大量优秀组件。