React Native

Facebook于2015年9月15日发布React Native;广大开发者可以使用JavaScript和React开发跨平台移动应用。

React Native特点

1)使用 Virtual DOM;

2)提供了响应式(Reactive)和组件化(Composable)的视图组件;

3)将注意力集中保持在核心库,伴随于此,有配套的路由和负责处理全局状态管理的库。

React Native的优势

1)跨平台开发

运用React Native,我们可以使用同一份业务逻辑核心代码来创建原生应用运行在Web端,Android端和iOS端;

2)追求极致的用户体验:实时热部署

3)learn once,write everywhere (最具魅力)

React Native不强求一份原生代码支持多个平台,所以不是“Write once, run anywhere”(Java),而是“Learn once, write anywhere”。

React Native开发注意事项

1)目前react native在iOS上仅支持ios7以上,Android仅支持Android4.1以上版本;

   github地址: https://github.com/facebook/react-native

   官网文档: http://facebook.github.io/react-native/docs/getting-started.html

2) 由于React Native的版本更新速度很快,如果没有深厚的JavaScript基础,建议选择:

功能适中,交互一般,不需要特别多的系统原生支持

对于部分复杂的应用,可以考虑原生+React Native混合开发

React Native开发环境

  1. Python安装

下载地址:https://www.python.org/downloads/windows/

下载后,双击下载包,进入 Python 安装向导,安装非常简单,你只需要使用默认的设置一直点击"下一步"直到安装完成即可。

  1. Node安装

下载地址:

32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

下载后,双击下载包,进入 Python 安装向导,安装非常简单,你只需要使用默认的设置一直点击"下一步"直到安装完成即可。

检查Node.js版本

  1. React Native安装

npm install -g yarn react-native-cli

检查react-native版本

更新react-native版本

npm update -g react-native-cli

react-native的npm包最新版本

npm包地址 :

https://www.npmjs.com/package/react-native

命令行查询

npm info react-native

升级或者降级npm包的版本

npm install --save react-native@0.18

Android开发环境需求

  1. 安装JDK

下载地址:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

环境变量配置:

  1. 新建JAVA_HOME变量

变量值:jdk的安装目录(E:\Software\Java\jdk1.8.0_161)

  1. Path 变量

变量值最后输入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

  1. 新建 CLASSPATH变量

.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

       检查版本:java -version

  1. 安装Android sdk

下载地址:http://www.androiddevtools.cn/

环境变量配置:

  1. 新建ANDROID_HOME变量

变量值:sdk的安装目录(E:\Software\Android\AndroidSDK)

  1. Path变量

变量值最后输入

%ANDROID_SDK_HOME%\platform-tools;%ANDROID_SDK_HOME%\tools

React Native创建项目

  1. 执行命令

react-native init 项目名称

  1. 运行 React Native 应用

cd 项目名称

react-native run-android