站长网_站长创业_站长主页_站长之家_易采站长站

会员投稿 投稿指南 站长资讯通告: React Native搭建iOS开发环境
搜索:
您的位置: 主页 > 教程 > 软件开发 > IOS开发 > » 正文

React Native搭建iOS开发环境

来源: 易采站长站

一、写在前面

1. 什么是React-Native?

React-Native是:Facebook 在2015年初React.js技术研讨大会上公布的一个开源项目。支持用开源的JavaScript库React.js来开发iOS和Android原生App。初期仅支持iOS平台,同年9月份,该开源项目同时支持Android平台。

React Native的原理是:在JavaScript中用React抽象操作系统原生的UI组件,代替DOM元素来渲染,比如以<View>取代<div>,以<Image>替代<img>等。

2.React-Native有啥优缺点?

优点是:能够用JavaScript脚本就可以写出App的界面,对从事Web开发的同事们转行做几个简单的移动App是个福利。不用为了写个移动App小程序而专门去学习Objective-C和Swift。

和其他的移动Web框架相比:

      Native不用WebView,彻底摆脱了WebView让人不爽的交互和性能问题;

      Native的原生控件有更好的体验;

      Native有更好的手势识别;

      Native有更适合的线程模型;

缺点是:还在试用阶段,潜在的问题尚不得而知:兼容性问题,性能问题等。还没大量普及,学习资料尚且不多,供爱折腾的朋友尝尝鲜。  

3.要学些什么?

想必,大家已经按耐不住,会发问,使用React-Native开发要学习些什么呢?

      Html+CSS+JavaScript的基本功肯定是少不了;

      Node.js的基本概念学习。API文档:https://www.easck.com/docs/api/

      JSX: JavaScript语法的一个扩展,类似XML结构。https://www.easck.com/react/docs/jsx-in-depth.html

      FLUX: Facebook公司的一个创建用户客户端web程序的框架。https://www.easck.com/flux/docs/overview.html

二、React Native基础环境搭建

1、安装Homebrew

打开终端输入:


ruby -e "$(curl -fsSL https://www.easck.com/Homebrew/install/master/install)"

2、安装nvm方法

通过脚本安装方式,在终端执行:


curl -o- https://www.easck.com/creationix/nvm/v0.30.1/install.sh | bash

激活nvm,在安装脚本执行完之后,在终端执行:


. ~/.nvm/nvm.sh

3、默认安装最新版本的Node.js并且设置好命令行的环境变量


nvm install node && nvm alias default node

可以输入node命令启动Node.js环境

4、安装watchman

在终端输入:


 brew install watchman

到此处React Native基础环境搭建基本完成,推荐经常运行brew update && brew upgrade

最新图文资讯
1 2 3 4 5 6
相关文章列表:
最新文章
易采站长站 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助 -