利用 Create React Native App 快速建立 React Native 应用

利用 Create React Native App 快速建立 React Native 应用 从属于笔者的 大前端开发相关，更多 React Native 相关资料参考 React Native-Reference。本文介绍的 Create-React-Native-App 是很是 Awesome 的工具，而其背后的 Expo 整个平台也让笔者感受很是的不错。笔者目前公司是采用 APICloud 进行移动应用开发（人少 + 应用要求低），不过确实也有不少的性能瓶颈；今天笔者还特意邮件问了 Expo Support 有关添加微信、百度地图等成为官方预置库的计划，获得的回复是可能两三个月内会先将微信集成进来，很期待将来 Expo 在国内的发展。

利用 Create React Native App 快速建立 React Native 应用

Create React Native App 是由 Facebook 与 Expo 联合开发的用于快速建立 React Native 应用的工具，其深受咱们在前文介绍的 Create React App 的影响。 不少没有移动端开发经验的 Web 开发者在初次尝试 React Native 应用开发时可能会困扰于大量的原生依赖与开发环境，特别对于 Android 开发者而言。而 Create React Native App 则可以让用户在未安装 Xcode 或者 Android Studio 时，即便是在 Linux 或者 Windows 环境下也能开始 React Native 的开发与调试。这一点主要基于咱们能够选择将应用运行在 Expo 的客户端应用内，该应用可以加载远端的纯粹的 JavaScript 代码而不用进行任何的原生代码编译操做。咱们可使用 NPM 快速安装命令行工具：

$ npm i -g create-react-native-app
$ create-react-native-app my-project
$ cd my-project
$ npm start

命令行中会输出以下界面，咱们能够在 Expo 移动端应用中扫描二维码，便可以开始远程调试：

咱们也能够选择使用 Expo 的桌面端辅助开发工具 XDE ，其内置了命令行工具与发布工具，同时支持使用内部模拟器：

除此以外，Expo 还提供了 Sketch 这个在线编辑器，提供了组件拖拽、内建的 ESLint 等功能，容许开发者直接在网页中进行快速开发与共享，而后经过二维码在应用内预览。

Expo 支持标准的 React Native 组件，目前已经内置了相机、视频、通信录等等经常使用的系统 API，而且预置了 Airbnb react-native-maps、 Facebook authentication 等优秀的工具库，将来也在逐步将经常使用的微信、百度地图等依赖做为预置归入到 SDK 中。咱们也可使用 npm run eject 来将其恢复为相似于 react-native init 建立的包含原生代码的初始化项目，这样咱们就可以自由地添加原生模块。咱们也可使用 Expo 提供的 exp 命令行将项目编译为独立可发布的应用。咱们须要使用 npm install -g exp 安装命令行工具，而后配置 exp.json 文件：

{
   name: "Playground",
   icon: "https://s3.amazonaws.com/exp-us-standard/rnplay/app-icon.png",
   version: "2.0.0",
   slug: "rnplay",
   sdkVersion: "8.0.0",
   ios: {
     bundleIdentifier: "org.rnplay.exp",
   },
   android: {
     package: "org.rnplay.exp",
   }
 }

配置完毕以后在应用目录内使用 exp start 命令来启动 Expo 打包工具，而后选择使用 exp build:android 或者 exp build:ios 分别构建 Android 或者 iOS 独立应用。