React Native学习

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wf96390/article/details/78313161

简介

最新的版本是0.49,可以从官方文档进行学习
https://facebook.github.io/react-native/docs/getting-started.html
可以开始一个React Native的项目,也可以在已有项目中使用React Native

首先要学习React语法,可以看阮一峰的博客介绍
http://www.ruanyifeng.com/blog/2015/03/react.html

之前学过PHP,之前使用过一种模版引擎叫Smarty,即在HTML中写JS语法
而React则不同,可以直接在JS中插入HTML标签,该语法命名为JSX
React {认为是js语法 <认为是html语法,
除了可以使用HTML自带的标签,也可以使用自定义的组件作为标签
实质上这只是一个语法糖,每一个HTML标签都会被JSX转换工具转换成纯Javascript代码,React 官方推荐使用JSX

http://www.css88.com/archives/tag/jsx%E8%AF%AD%E6%B3%95

因为新版的React Native使用的是ES6的语法,所以学习ES6可以

学习ES6
http://es6.ruanyifeng.com/

学习路线
http://blog.csdn.net/u014168594/article/details/52610430

原理
http://blog.cnbang.net/tech/2698/
https://segmentfault.com/a/1190000004586390

环境配置

1、HomeBrew

类似与ubantu或者centOS上 apt-get yum 之类的命令。HomeBrew 就是Mac上的包管理,需要安装 Ruby 环境,现在 Mac 系统大多自带 Ruby 环境,可以直接执行:

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

NVM(Node Version Manager)

Node 是一个基于 Chrome V8 的一套开源 Javascript 运行时环境,提供了在命令行直接执行 Javascript 代码的能力。而 NVM 则是它的包管理工具了。安装 NVM:

brew install nvm

其次需要在shell的配置文件(~/.bashrc, ~/.profile, or ~/.zshrc)中添加如下内容:

export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh

Node

安装Node:

nvm install node && nvm alias default node

上面是两句话,第一句画的意思是使用 NVM 来安装 Node 环境,而第二句话是设置 NVM 的默认环境为 Node,因为 NVM 也可以管理 iojs(历史原因而产生的 Node 分支,现已重新合入)。

Watchman

Watchman 是什么?官方对 Watchman 的解释只有一句话 A file watching service,Watchman 提供文件观察服务。概括来说,Watchman 可以发现文件的改变并提供相关的编程接口。下面是 Watchman 的安装:

brew install watchman

Flow

下面是最后一个工具 Flow,Flow 是一个用来做 Javascript 类型检查的工具。直接上安装代码:

brew install flow

Install

最后在项目中运行
npm install

猜你喜欢

转载自blog.csdn.net/wf96390/article/details/78313161