React Native 配置

2017-01-04

近年来随着移动互联网的发展，移动可以说在飞速的进步，加上各种培训机构，市场上涌入了大堆大堆的新人加入到手机App的行业，从而形成了饱和的状态。从2016年初开始，移动开发出现了各种低潮，从找工作这一方面来看，明显难度高了好多，公司都不愿意招手机app的人员，反而愿意招收后端开发。明明年底是跳槽的一次进修，现在都开始观望了，不敢轻易，当然实力大牛这些对他们来说影响不大。不过最近出现了许多替代原生开发的工具，从早期的phoneGap,到比较火的H5，以及2015年出现RN，听说微信的“小程序”也想分一杯羹。各种原生已死的评论到处都是，作为手机开发人员当然知道这些目前还不太可能，但是也不能坐吃山空，墨守成规。对于这些新技术也是要了解一下的。

React Native 目前也有一年多的历史了，应用商店也有许多基于RN的App，应该算是比较成熟了，但官方依然还是0.x.x的版本，正式版不知何时发布。

RN环境配置

在RN中文网上有详细的搭建开发环境，一般按着步骤走是可行的，若安装较慢可以使用科学上网或者换淘宝的镜像。

##搭建RN项目
环境搭建完成后，是时候开始学习RN了，我们先从新建项目开始，官方是通过

1
2
3

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

命令来实现项目的新建与运行（部分手机会crash需要到权限管理中心开启悬浮窗权限），也可参考江清清的博客React Native专题中的两篇React Native For Android环境配置以及第一个实例、React Native移植原生Android项目-已更新版本-New。
如果你已新建项目并且Android没有修改代码可以通过以下操作

1 2	adb reverse tcp:8081 tcp:8081 react-native start

上面命令来启动服务，手机打开RN项目通过重新加载JS就可以了（摇一摇或者按menu菜单键选择Reload）。

编辑JS

RN相比原生最方便的就是修改代码（不涉及原生代码）不需要重新安装，只需要重新加载JS就可以了，非常的方便。而且大部分JS代码Android与iOS是可以共用的，可以说是实现了一套代码两个版本。
编辑JS的IDE可供选择的有很多，atom、webstorm、sublime text3等等，可根据个人习惯选择。

最后

本篇主要说的是RN的环境配置与搭建RN项目，平时在业余时间可以用来练练手，学习学习。但是用于商业项目还是需要相当谨慎的，也许会遇到很多很多的填不完的坑。