React Native 入门了解及环境搭建

来源:互联网 发布:易辛模型Python 编辑:程序博客网 时间:2024/06/08 09:00

一  了解

React:Web前端的一个开发框架React.JS,其核心思想是将视图组件化,通过更新组件的state来渲染出组件。
Native:原生的,使用对应平台的特定语言和框架进行开发,比如使用Objective-C或Swift开发的iOS应用。
React Native:也就是使用React框架进行原生方式的开发。

二 原理

苹果提供了一个JavaScriptCore的framework,可以进行JavaScript语言的解析,React Native通过多次封装定义,最终实现了在JavaScript语言中调用Objective-C的类和方法。

三 开发环境

1.你的电脑若未安装Homebrew、Node.js、WatchMan等工具

1.1 安装Homebrew 

Homebrew是OS X的套件(包)管理器,我们可以通过它获取并且安装很多组件 
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

1.2 安装npm 和 Node.js

Node.js最好安装4.0及其以上更高版本,node安装成功后npm自动也就有了,直接下载安装Node.js,
网址:https://nodejs.org/en/download/ 

1.3 安装WatchMan 

该插件用于监控bug文件和文件变化 ,并且可以触发指定的操作。
安装方式 :
brew install watchman 

1.4 安装Flow 

flow是一个JavaScript 的静态类型检查器,建议安装它,以方便找出代码中可能存在的类型错误 。
安装方式:
 brew install flow

四 React Native 安装 

sudo npm install -g react-native-cli
react-native init HelloWorld

五 React Native升级流程

  1. 安装react-native-git-upgrade 模块;
  2. 执行更新命令;
  3. 解决冲突;
  4. 心得:上述步骤都依赖于Git,没有安装Git客户端的小伙伴,需要安装一下。

0 0
原创粉丝点击