React Native 电商项目实战——1.创建项目

React Native 简称 RN 是 FaceBook 发布的跨平台开发框架，它的设计理念是：使用 React Native 开发，既拥有 Native 的良好人机交互体验，又保留了 React 开发效率。

一、为什么选择 React Native

在 React Native 发布的短短几年之内，已经有很多使用 RN 技术开发的 App 上线， 其中就有我们团队开发4个 App。它的优点非常多。

开发效率高，成本低

通常情况开发一款 App 需要发布在 Android 和 iOS 两个平台，导致的结果就是一个 App 有两个团队、两套代码，界面几乎一样。

React Native 使用 JSX 语法开发，所谓 JSX，是 JavaScript 的语法扩展，让我们在 JavaScript 中可以编写类似 HTML 一样的代码。React Native 利用 JavascriptCore 引擎对 JS 文件进行解析，并利用 Bridge 映射到对应的 Native 方法和 UI 控件。相当于使用一套代码即可完成之前两套代码完成的工作量，只需根据不同平台稍作修改即可。

不仅如此，RN 代码量甚至比之前一套都少， Debug 超级方便，一边开发一边看效果再也不是梦。

快速热更新

RN 生成的 JS 文件，只要不涉及原生功能的增减，已经发布的 App 完全不需要重新安装即可完成新版功能的上线，用户只需打开 App 就能体验到最新的 App，省去了下载重装的各种麻烦，把 App 的更新做到了和网页更新一样的方便快捷。

使用 RN 就能达到既有原生的所有能力，又有类似浏览器上的快速更新能力，同时还可以接入各种定制好的网页，将 App 的自由度提高到一个非常高的地步。

支持混合开发

React Native 允许开发者在 React Native 擅长的领域使用 React Native 开发，而在 React Native 不能实现的领域或者已经有原生代码实现好的领域直接使用原生代码。React Native 代码开发的模块与原生代码开发的模块可以双向通信、无缝链接。

二、 创建 React Native项目

React Native 环境搭建稍微麻烦一点，不过 React Native 官网把详细的步骤都已经列出来了，这里就不再重复介绍了。

• 英文官网：http://facebook.github.io/react-native/docs/getting-started.html
• 中文官网：https://reactnative.cn

英文官网内容是最新的，建议由能力的查看英文官网，搭建环境方式有两种，这里直接选择 Building Projects With Native Code 方式，如图所示。

按照官网搭建好 React-Native 项目，请确保电脑上已经满足下面的这些条件：

• nodejs：RN 的所有库都是从 npm 上安装的，请确保电脑上已经安装了 npm，可以使用npm -v来查看当前是否已安装。
• react-native-cli：这个通常用作 RN 的初始化和启动模拟器等，使用 NPM 可以安装到电脑上。
• Python2：RN 里面有些脚本是使用 Python 写的。
• JDK 1.8：Android 项目需要使用 JDK 1.8，请在电脑上安装好。