ReactNative尝鲜

在Android的世界里畅游了许久，感受着其中无与伦比的魅力。如今，又站在ReactNative的大门入口，小心窥探这个世界。

【项目地址】

参考文档

ReactNative中文网：http://reactnative.cn
ReactNavigation导航：https://reactnavigation.org
Redux 中文文档：http://cn.redux.js.org/
Redux-saga 中文文档：http://leonshi.com/redux-saga-in-chinese/index.html

使用API

干货集中营API
知乎日报API

常用命令

以下命令只针对Windows平台

1. 查看已连接设备：
   

adb devices

查看Android模拟器列表：
android list avd

指定name，启动模拟器：
emulator -avd [name]

部署Apk，并运行：
react-native run-android

开启开发者菜单【Ctrl+M】：
adb shell input keyevent 82

开启packager服务【操作4部署apk同时也会开启packager服务】
react-native start

Android平台JS打包生成bundle文件：
react-native bundle –platform android –entry-file index.android.js –reset-cache –bundle-output android/app/src/main/assets/index.android.bundle –dev false –assets-dest android/app/src/main/res/

Debug模式链接：
http://localhost:8081/debugger-ui

推荐一款ReactNative插件，无需输入各种命令行
https://github.com/smuyyh/ReactNativeTools

Yarn、React Native的命令行工具（react-native-cli）

Yarn是Facebook提供的替代npm的工具，可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g yarn react-native-cli

安装完yarn后同理也要设置镜像源：

yarn config set registry https://registry.npm.taobao.org –global
yarn config set disturl https://npm.taobao.org/dist –global

如果你遇到EACCES: permission denied权限错误，可以尝试运行下面的命令（限linux系统）： sudo npm install -g yarn react-native-cli.

安装完yarn之后就可以用yarn代替npm了，例如用yarn代替npm install命令，用yarn add 某第三方库名代替npm install --save 某第三方库名。

注意：目前npm5（发文时最新版本为5.0.4）存在安装新库时会删除其他库的问题，导致项目无法正常运行。请尽量使用yarn代替npm操作。