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开发环境
- Python安装
下载地址:https://www.python.org/downloads/windows/
下载后,双击下载包,进入 Python 安装向导,安装非常简单,你只需要使用默认的设置一直点击"下一步"直到安装完成即可。
- 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版本
- 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开发环境需求
- 安装JDK
下载地址:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
环境变量配置:
- 新建JAVA_HOME变量
变量值:jdk的安装目录(E:\Software\Java\jdk1.8.0_161)
- Path 变量
变量值最后输入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
- 新建 CLASSPATH变量
.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
检查版本:java -version
- 安装Android sdk
下载地址:http://www.androiddevtools.cn/
环境变量配置:
- 新建ANDROID_HOME变量
变量值:sdk的安装目录(E:\Software\Android\AndroidSDK)
- Path变量
变量值最后输入
%ANDROID_SDK_HOME%\platform-tools;%ANDROID_SDK_HOME%\tools
React Native创建项目
- 执行命令
react-native init 项目名称
- 运行 React Native 应用
cd 项目名称
react-native run-android