react-native学习路线总结

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

 

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

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

 

现在讲一讲学习历程,经过我的无数弯路,想学习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/ 

 

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

 

posted @ 2017-08-19 16:03  ZpandaZ  阅读(410)  评论(0编辑  收藏  举报