设为首页收藏本站

react native【免费】VIP视频教程 rn开发者交流论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 5999|回复: 767

[视频教程] 2、手把手教React Native实战之从React到RN

  [复制链接]

401

主题

762

帖子

6890

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6890
发表于 2016-6-15 22:58:35 | 显示全部楼层 |阅读模式
#2、手把手教React Native实战之从React到RN
###React简介
RN是基于React设计,了解React有助于我们开发RN应用;
React希望将功能分解化,让开发变得像搭积木一样,快速而且可维护

加作者微信公众号(dongfangyao888)或扫描下面二维码
推送高清视频教程+语音解说+课堂笔记和源码


React主要有如下3个特点:

*作为UI(Just the UI)

*虚拟DOM(Virtual DOM)

这是亮点  是React最重要的一个特性  放进内存   最小更新的视图

差异部分更新 diff算法

*数据流(Date Flow)单向数据流

学习React需要掌握哪些知识?

*JSX语法   类似XML

*ES6相关知识

*前端基础  CSS+DIV  JS

举例说明React的用法,IDE工具:WebStorm(JavaScript 开发工具 Web前端开发神器  插件很丰富)

比如:ReactNative 代码智能提醒(webstorm)

`git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate`

下载模板:https://github.com/wix/react-templates安装命令
`npm install react-templates -g`

[点击下载WebStorm](https://www.jetbrains.com/webstorm/download/)


[点击下载WebStorm破解版](http://www.cr173.com/soft/130969.html)

1.例子一(简单组件和数据传递)
使用this.props 指向自己的属性

http://facebook.github.io/react/downloads.html下载react Kit

react.js react-dom.js:React的核心文件

JSXTransformer.js browser.min.js:讲JSX转译成js和html的工具

最新的react版本:react-0.14.7

>在react 0.14前,浏览器端实现对jsx的编译依赖jsxtransformer.js
在react 0.14后,这个依赖的库改为browser.js,页面script标签的type也由text/jsx改为text/babel
但是以上只能用来测试学习react
生产环境需要借助编译工具事先将jsx编译成js

例如可以使用Node.js做预编译,可以安装react-tools工具
npm install -g react-tools



2.例子二(通过this.state更新视图)


3.例子三(简单应用)

###React Native简介与代码分析

###为什么要使用React Native
如何在开发成本和用户体验做到更好的平衡?
很多时候,前端都有一种乐观的想法:H5可以替代原生应用
RN不仅可以使用前端开发的模式来开发应用,还能调用原生应用的UI组件和API

##2、配套视频(下载地址)【回复本帖才可见】:
游客,如果您要查看本帖隐藏内容请回复

react native vip论坛免费发布【手把手教react native实战开发】视频教程,立志于打造全互联网最全面最详细最易懂的React Native
开发视频教程,Facebook已经在多项产品中使用了React Native,并且将持续地投入建设,让我们引领react native开发的潮流!
回复

使用道具 举报

0

主题

6

帖子

20

积分

新手上路

Rank: 1

积分
20
发表于 2016-6-22 15:47:38 | 显示全部楼层
学习一下
回复

使用道具 举报

0

主题

18

帖子

44

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
44
发表于 2016-6-23 16:52:46 | 显示全部楼层
每次怎么都需要回复呢
回复 支持 反对

使用道具 举报

1

主题

84

帖子

203

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
203
发表于 2016-6-23 20:46:52 | 显示全部楼层
今天是郁闷的一天。。。。。
回复 支持 反对

使用道具 举报

0

主题

25

帖子

100

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
100
发表于 2016-6-25 06:40:09 | 显示全部楼层
学习react 感觉用vscode开发好
回复 支持 反对

使用道具 举报

0

主题

29

帖子

88

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
88
发表于 2016-6-25 11:34:43 | 显示全部楼层
谢谢群主分享 ,不错不错
回复 支持 反对

使用道具 举报

0

主题

1

帖子

6

积分

新手上路

Rank: 1

积分
6
发表于 2016-6-29 19:26:19 | 显示全部楼层
jjjkhkhkkjkjhkhk
回复 支持 反对

使用道具 举报

3

主题

22

帖子

71

积分

注册会员

Rank: 2

积分
71
发表于 2016-6-29 20:52:25 | 显示全部楼层
哈哈哈哈哈哈
回复 支持 反对

使用道具 举报

0

主题

4

帖子

10

积分

新手上路

Rank: 1

积分
10
发表于 2016-7-3 09:13:49 | 显示全部楼层
不错不错
回复

使用道具 举报

0

主题

6

帖子

38

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
38
发表于 2016-7-3 21:25:57 | 显示全部楼层
学习学习学习学习
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|ReactNative Inc.    

GMT+8, 2018-7-18 09:06 , Processed in 0.152447 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表