React Native学习
来源:互联网 发布:苹果电脑 音乐软件 编辑:程序博客网 时间:2024/06/08 13:55
简介
最新的版本是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=~/.nvmsource $(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
- react-native 学习 ----- React Navigation
- React Native学习一:初识React Native
- React Native 学习总结
- react-native学习
- react-native 学习
- React native 学习
- react-native学习(二)
- react-native学习资源
- React Native学习
- React-Native 学习笔记
- React-Native学习[起步]
- React-Native学习曲线
- react native学习笔记
- React-Native学习
- React-Native ListView学习
- react-native 学习笔记
- React Native学习
- React Native源码学习
- javascpirt + HTML实现点亮灯泡
- Java学习总论
- 怎样造一个有向无环图
- leetcode算法题easy心得(一)Linked List Cycle
- 5.理解shell
- React Native学习
- code forces 276C Little Girl and Maximum Sum (线段树/技巧)
- LINUX 查看硬件配置命令
- 面试/笔试第四弹 —— 多线程面试问题集锦
- 时间管理
- SpringBoot配置属性之MVC(一)
- vim编辑器(1):介绍、入门
- 思考人生
- 论文笔记-Person Re-identification Past, Present and Future