本人新手web前端程序员一枚,应公司要求学习React-native框架,作为博客萌新来讲讲我这一个月学习历程,新人和前端的朋友们可以一看,其他都可看,反正不用你掏钱啊。

首先当然还是介绍一下react-native这个框架:

他是我们大FaceBook公司推出的一款专门用于App的js框架,号称“Learn once, write anywhere”。本意是想兼容iOS和Android系统,写一次代码即可在多个平台运行。这个想法可不可行我就先不讨论(其实根本轮不到我这种菜鸟评价啊,光学习已经很吃力了,我可不是变相说明学习曲线陡峭)

现在讲一讲学习历程,经过我的无数弯路,想学习react-native,还是要有一些前置条件。你要先看ecmascript 6,知道JS新语法,不然看到=>()和.then以及...props你会一脸懵逼,这是什么鬼啊,然后再看看react.js这个框架,知道了组件生存周期,有助于你加深理解,最后看react-native你会有骑单车俯冲下山的美妙。

下面是一些网站推荐:

ecmascript 6 :

http://es6.ruanyifeng.com/ 讲得挺仔细的

react.js的话先看中文:

http://www.ruanyifeng.com/blog/2015/03/react.html   阮老师的入门到精通

http://wiki.jikexueyuan.com/project/react/   极客学院的翻译

http://www.ruanyifeng.com/blog/2016/01/flux.html   教你理解Flux

理解的差不多了,还是看看英文文档养成习惯吧

官方英文:https://facebook.github.io/react/

react-native中文:

这个很好,对着例子敲一遍差不多就入门了:http://www.lcode.org/react-native/

中文官网:http://reactnative.cn/docs/0.31/getting-started.html#content

官方英文:https://facebook.github.io/react-native/docs/getting-started.html

另:http://blog.csdn.net/quanqinyang/article/details/52215641(3分钟让你理解RN的布局方式,短小精悍)

RN的插件库:https://js.coach/

先这样吧,下次我再来梳理梳理我的知识,希望这有帮助到你们。

转载于:https://www.cnblogs.com/ZpandaZ/p/7396896.html

react-native学习路线总结相关推荐

  1. iOS开发者React Native学习路线

    2019独角兽企业重金招聘Python工程师标准>>> http://blog.talisk.cn/blog/2016/08/13/RN-Learning-path-for-iOS- ...

  2. React Native学习提纲

    React Native学习提纲 当前版本最后修订日期: 2015年10月21日 一. React.js入门基础 1.基础HTML/CSS与基础开发工具使用 - html基础 doctype.常用标签 ...

  3. React Native 学习资源精选仓库

    <React Native Awesome>这里fork过来的,汇集了各类react-native学习资料.工具.组件.开源App.资源下载.以及相关新闻等,只求精不求全.因后面无法 Pu ...

  4. React Native 学习资源精选仓库(汇聚知识,分享精华)

    React Native 学习资源精选仓库(汇聚知识,分享精华) <React Native Awesome>这里fork过来的,汇集了各类react-native学习资料.工具.组件.开 ...

  5. React Native学习速记

    学习路线建议:ES5/6 -> React -> React Native  -> Redux + React-Navigation等 ES5 :https://wangdoc.co ...

  6. React Native学习总结第一天

    1.0 配置React Native的开发环境 请参考 虽然过程很复杂,但是确实没啥难度(react-native init testProject) 2.0 ES6的基础语法 变量和常量声明 let ...

  7. React Native学习资源汇总

    目前主流的移动跨平台技术方案大体可以分为三类,一类是使用原生内置浏览器加载HTML5的Hybrid技术方案,采用此种方案的主要有Cordova.Ionic和微信小程序:另一类是使用JavaScript ...

  8. react native学习笔记29——动画篇 Animated高级动画

    1.前言 上一节我们学习了全局的布局动画api--LayoutAnimation,体验到其流畅柔和的动画效果,但有时我们需要实现一些更精细化的动画,或者完成一些组合动画,这时我们可以使用React N ...

  9. React Native学习-第一篇

    记录学习react native中碰到的问题. 操作系统:OS X EI Capitan 10.11.1 =============================================== ...

  10. React Native学习指南

    本篇汇集了React从入门到精通的各种技术,是你学习RN的指南 . 本指南汇集React-Native各类学习资源,给大家提供便利.指南正在不断的更新,大家有好的资源欢迎Pull Requests! ...

最新文章

  1. 力扣(LeetCode)刷题,简单题(第7期)
  2. 我是如何去了解需求的
  3. BZOJ-1492-货币兑换cash-NOI2007-CDQ分治
  4. Android Studio开发第二篇创建新项目
  5. android studio导入jar包
  6. linux命令:userdel
  7. SAP ABAP实用技巧介绍系列之使用代码获得某个structure上的扩展字段
  8. 计算机网络实验arp协议分析,计算机网络ARP地址协议解析实验报告
  9. python 进程 线程 协程
  10. html 父模板,详解vue父子模版嵌套案例
  11. 聊天宝解散罗永浩退出;三大运营商回应提速降费;天猫 iPhone XS 最高降 2000 | 极客头条...
  12. CDH5 Hadoop如何支持读写OSS
  13. C语言实现sin函数的程序设计
  14. 机顶盒系统升级服务器地址,tvbox
  15. 二极管和稳压管的区别
  16. 元宇宙之经济(01)理解区块链
  17. 重磅!达摩院发布2021十大科技趋势
  18. Codevs 侦探推理
  19. thinkphp整合单笔转账到支付宝账户文件配置
  20. OpenSSL下载安装教程

热门文章

  1. 北航校赛2014 预赛 题解
  2. 【2】最简单的Laravel5.1程序分析
  3. Ext4.1 Grid 分页查询
  4. ES6学习 - Promise对象
  5. CenterOS防火墙操作
  6. 软工总结暨团队成员自评(胡骏)
  7. BZOJ 1878: [SDOI2009]HH的项链( BIT )
  8. main函数argc,argv操作
  9. Python_装饰器Decorator
  10. 前端都应懂的入门基础-github基础