【原创】React Native 入门分享

一、简介

开源支持：Facebook
创建宗旨：Learn once, write anywhere（学习一次，编写任何平台）
创建目标：使你能够在Javascript和React的基础上获得完全一致的开发体验，构建世界一流的原生APP

二、开发环境

1、IOS
仅可使用MacOS系统开发，主要工具：Xcode

2、AND
MacOS、Linux、Windows，主要工具：AndroidStudio

3、常用命令：
1）创建项目：react-native init MyProject
2）安装并运行项目：react-native run-android（react-native run-ios）
3）启动项目：react-native start
4）查看连接设备信息：adb devices（必须只能同时运行一个设备）
5）安装离线版：react-native run-android –variant=release（需配置好签名）
6）配置签名：keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000
7）开启USB调试：adb reverse tcp:8081 tcp:8081（默认貌似已经设置）
8）弹出配置弹框：adb shell input keyevent 82（或者摇一摇），在弹框内点击进入Dev Settings，设置192.168.1.158:8081（与步骤6效果类似）
9）开启远程调试：Debug JS Remotely（弹框里设置，可在谷歌浏览器中调式JS代码）
10）开启调试热更新：Enable Host Reloading（弹框里设置）
11）生成发行APK：cd android && ./gradlew assembleRelease

4、开发注意事项：
1）开发时，项目的打开方式有两种，一种是代码开发模式，一种是编译调试模式。
2）开发模式：可编写代码，支持JS、CSS样式的编写。
3）编译模式：主要用来调试代码，比如安装，设置签名，编译项目等等。
4）模拟器：可以使用手机作为模拟器，也可以使用编辑器自带的模拟器，但是编辑器自带的模拟器可能会比较消耗内存。
5）高内存占用：4G运行内存的电脑请勿尝试，AndroidStudio会直接将你的电脑卡到爆，至少需要8G的运行内存，当你使用谷歌浏览器远程调试时，内存占用问题会更明显。
6）高空间占用：AndroidStudio安装完及其依赖之后，至少需要25G的硬盘空间，主要是依赖比较大，后续持续的更新还会继续占用更多的空间。

三、开发资源

react-native-fetch-blob：一个致力于让RN读取手机文件更方便更高效的库
react-native-lazyload：懒加载
react-native-navigation：导航
react-native-storage：本地键值对存储，支持持久化存储
react-native-swiper：轮播图
react-native-simple-toast：toast提示
react-native-smart-pull-to-refresh-listview：上拉下拉列表刷新
更多资源：
1）React Native 优秀开源项目大全：http://www.marno.cn/
2）新手常见问题：链接
3）ReactNative资源地址：https://github.com/

四、简要点评

优势：
1、双端开发，开发效率高，一套代码，双平台公用，还可嵌套原生开发；
2、社区资源丰富，可借鉴资源多（现成组件、开发问题）；
3、热更新，版本迭代快速。

劣势：
1、学习成本较高，还是有些难度的（JS+CSS+React）,Web前端开发者相对更加容易一些；
2、部分底层问题仍需要原生开发者支持；