react-native windows搭建运行环境

react-native的android环境搭建

以下react-native 全部简称rn

1、安装java8以上的jdk

2、安装android studio 并且配置和下载sdk

这里需要注意设置环境变量ANDROID_HOME：Android SDK Manager的位置 例如：（ANDROID_HOME=> E:\Android\sdk）设置环境变量PATH：例如：（PATH=> %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools）

3、设置sdk

4、安装nodejs，一路next，然后在终端输入node -v

5、安装git，一路next，然后在终端输入 git 测试

6、安装react-native命令行工具 rn-cli

npm install -g react-native-cli

7、创建rn项目

rn init demo

8、运行package

这个类似一个rn的服务器，先启动

npm start 或者 rn start

然后在浏览器中打开

http://localhost:8081/index.android.bundle?platform=android

如果出现很多的js代码， 就证明已经成功开启

9、运行rn项目

重新打开一个终端，进入到demo目录内，输入

rn run-android 或者rn run-ios

如果使用模拟器，就在终端输入adb devices检测连接设备

没有设备连接

进入到模拟器的bin目录下

nox_adb connect 127.0.0.1:62001

然后在进入 Android SDK下的platform-tools目录

adb connect 127.0.0.1:62001

注意：如果真机和模拟器同时存在，rn会优先对真机执行测试，

10、进行配置

正在配置...

从react到react native

react native是基于react设计的，因此需要了解react有助于开发rn

R主要有三个特点

1、作为ui

R可以只作为师徒（view）在mvc中使用，并且在已有项目中 ，很容易使用R开发新功能

2、虚拟dom（virtual DOM）

可以很好的优化视图的渲染和刷新，当然它也可以在node服务器端和RN中使用，虚拟dom是R最重要的一个环节。

以前我们在更新视图时，需要先清空DOM容器里的内容，然后将最新的DOM和数据追加到容器中，现在R将这一操作放进了内存，R认为内存的操作远比视图全部更新来得高效。

3、数据流（data flow）

R实现了单向的数据流，并且相对于传统的数据绑定而言，R更加灵活，便捷

学习R需要掌握以下知识点：

1、jsx语法掌握：jsx官方解释就是其语法类似XML，这也是前端工程师更容易理解jsx的原因，因为html是XML的子集，前端对html更为熟悉

2、es6相关知识：因为es6增加了很多语法特性和新功能，可以使用es6更加快速的进行功能开发

3、前端基础知识：css和JavaScript

了解基本操作

为什么要使用react-native

因为移动设备开发环境比web设备开发环境成本、难度要高的多，随着现在前端的人员越来越多，而原生开发人员相对较少。一些公司追求app开发效率、成本、体验之间的平衡，从而选择了Hybird(混合) 开发app，这样做的好处就是既能拥有高效的开发效率和较多的开发人员，又能快速更新APP。但是这样做。会存在一些html性能也体验上的弱势。

而RN的跨平台解决特性和使用JavaScript作为开发语言而赢得了众多开发者的关注，实际上html5应用在用户体验和性能上比原生应用弱一些。

RN不仅可以使用前端开发的模式来开发应用，还能调用原生应用的ui和API。