加载中…#React Native# 101入门内容介绍
(2017-10-09 15:23:11) | 分类： 计算机相关 |
阅读对象：Android 平台移动开发工程师，
IOS平台移动开发工程师，
javaScript 软件开发工程师，
计算机相关专业
React 为基础框架，在他之上的React.js用来开发网页，ReactNative
用来开发移动端应用。由于react与react.js同时出现，就导致了React理念都在react.js中做了实现并且有相关文档描述。
ReactNative
框架需要有javascript的基础知识，以及MVC一些设计思想。下面附上ReactNative的官网以及对应中文文档,最新版本为0.48.而我实际开发都用的0.47，后面具体更新内容会在后面详细比较不同。
ReactNative官网地址： http://reactnative.cn/
ReactNative
中文文档地址：http://reactnative.cn/docs/0.48/getting-started.html
Native 优于网页版操作内容 .反馈和高亮操作，触摸事件处理。
Native
强项：1.基于数据变化的自动刷新组件的实现框架，2.组件化高度抽离，3.跨平台移植代码速度快。4.自动匹配屏幕大小。
RN真正支持Android 在0.14.0版本之后。Android 对于5.0手机之后支持比较好。
Android 开发环境搭建：可以参照官网上的指示文档处理。
1.安装node.js,安装Android studio或者下载android
sdk，并且下载Genymotion。Java jdk 开发环境也要安装。
2.安装git
3.安装淘宝镜像 npm :$
npm install
-g
cnpm
--registry=https://registry.npm.taobao.org
也可以通过npm config set registry https://registry.npm.taobao.org
来设置镜像地址。
4. 最后输入npm install -g react-native-cli
IOS开发环境看对应官方文档处理。
开发工具建议使用visual studio Code .
React Dev Tool 安装：
React Developer Tools
With React Native 0.43 or higher,
you can use react-devtools
npm install -g react-devtools
译注：react-devtools依赖于electron，而electron需要到国外服务器下载二进制包，所以国内用户这一步很可能会卡住。此时请在
环境变量中添加electron专用的国内镜像源：ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/"，然后再尝试安装react-devtools。
安装完成后在命令行中执行react-devtools即可启动此工具：
react-devtools
https://camo.githubusercontent.com/3226d81c8d40f07f10c1f78876905a1bfc2d6d82/687474703a2f2f692e696d6775722e636f6d2f49586548695a442e706e67Native#
喜欢
0
赠金笔