文档章节

无线客户端同学快速学习ReactNative的学习曲线

太阳黑子
 太阳黑子
发布于 2016/11/03 23:29
字数 721
阅读 15
收藏 0

作为非前端开发人员,这两天对React-Native以及所涉及的一些必须的技术进行了一下恶补,把网上比较好的学习资料搜集了一下,方便感兴趣的同学更快的了解和切入RN的开发,并且快速扫清背景知识。

大家都不是新手,所以,我们不从“hello world”开始,而是针对以前没有前端开发经历的客户端开发同学,从最基础的背景技术开始演进:

 

1. HTML(学习时间30分钟):

或多或少,大家肯定对HTML还是有所了解的,在开始前端之旅前,有必要系统的扫一下基础,推荐教程:http://www.jb51.net/shouce/html/html.htm 

2. JavaScript (学习时间2小时):

做前端开发,怎能不了解Javascript,还是花2个小时,静下心来,系统的学习一下,推荐教程:http://www.w3school.com.cn/js/index.asp

3. CSS

由于React-Native并不直接使用CSS文件定义样式,所以这部分可以先不看。 

4. Node.js(学习时间2小时):

由于React-Native是利用Node.js来搭建Javascript代码的,所以,最好也花点时间,稍微了解一下,推荐教程:http://www.runoob.com/nodejs/nodejs-callback.html

5. ECMAScript6(学习时间8小时):

学习了传统的Javascript基础,你会发现还是看不懂React-Native的代码,那是因为RN是遵循ES6的规范标准的,这个标准是2015年6月份才正式发布的,那是相当的新啊。传统Javascript语法上其实和c、Java非常相似,很容易理解,但是ES6的很多语法和编译型语言相差很大,所以也需要多一些时间来学习。推荐教程:http://es6.ruanyifeng.com/#docs/intro

6. React(学习时间1小时):

在学习React-Native之前,最好先了解一下React,毕竟RN就是从React演化来的,很多写法和思路是一致的。完整的学习是需要一定时间的,偷下懒,找个简单的入门教程,花1个小时就可以了解React的主要思路了: http://www.cocoachina.com/webapp/20150721/12692.html

7. React-Native(入门学习12小时):

最后才到我们的主角,但有了前面这些基础的铺垫,就算你没有前端开发的经历,理解RN也不困难了。这里有翻译好的官方文档:http://wiki.jikexueyuan.com/project/react-native/GettingStarted.html,前面的章节翻译的都不错,但是后面几章翻译的就有点烂了,如果看不下去,就直接看原版的吧:http://facebook.github.io/react-native/docs/getting-started.html

 

这样,花个3天的时间,客户端的同学们就可以华丽的转身了,前端、RN都尽在掌握!当然,这仅仅只是入了门,后面的实践才是真正的漫长积累过程,大家一起努力!

本文转载自:http://blog.csdn.net/hcmmin/article/details/49946295

太阳黑子
粉丝 6
博文 104
码字总数 2285
作品 0
广州
高级程序员
私信 提问
详解ReactNative组件生命周期

了解一个组件的生命周期,很重要,在一些细节处理上,生命周期不同阶段,调用的方法很不相同。 对于ReactNative 所有的生命周期,可以看图: 文章可参考ReactNative组件生命周期 我在本问主要...

Jesse1949
08/08
0
0
ReactNative 绘制渐变折线图

我们在做K线图,或者趋势图的时候,经常会遇到各种各样的麻烦。这篇文章,我给大家讲下我做折线图的思路。 先看下渐变折线图的效果,我没标刻度,只展示折线图: 整体的大思路: 1.画多边形,...

Jesse1949
04/06
0
0
ReactNative从零开始笔记3-state(状态)与props(属性)

一、使用环境 Mac 电脑 系统10.14.2 Xcode9.4 react-native-cli版本 2.0.1 react-native: 0.57.3 webstorm 二、 props(属性) ReactNative(React)使用两种数据来控制一个组件:props 和 stat...

摸着石头过河_崖边树
01/18
0
0
ReactNative从零开始笔记2-组件的生命周期

一、使用环境 Mac 电脑 系统10.14.2 Xcode9.4 react-native-cli版本 2.0.1 react-native: 0.57.3 webstorm 二、ReactNative提供了哪些组件 基础组件 View 基础组件 Text 文本组件 Image 图片...

摸着石头过河_崖边树
01/18
0
0
ReactNative与iOS原生交互方式汇总

前言 最近用RN开发SDK,涉及RN与iOS各种交互。 有些交互比如用iOS原生切换多个RN页面,以及iOS调用RN的方法,按照网上的方法调不通,一度不知如何是好,网上资料比较少。 于是自己看RN源码分...

大灰狼的小绵羊哥哥
2018/11/13
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
1K
13
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
15
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
6
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
7
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部