react简单学习路线(实用版)

学习一门新的技术之前有必要了解一下该技术在专业领域的评价,使用的领域,以及整体的学习路线,总之尽可能多的在入坑之前了解相关方面的信息。不要什么都不去查就直接学了,这个是很愚蠢的!!!!!

首先来看一篇文章,它简单讲解了学习react的流程,确实很有帮助,看完之后再开始你的学习,这样会避免走很多的弯路。

http://www.jianshu.com/p/ed55b366cd96

接下来可以去http://www.runoob.com/react/react-tutorial.html 这个地方学习基本的语法,不过这个使用的是es5的语法,其实不太推荐,但是和es6的用法比其实差的不算多,初期用这个学习应该没什么问题。

看完了上面的基础之后可以通过这个小项目来加深react的学习 http://huziketang.com/books/react/lesson1 

当然学习过程当中你们会遇到es6的语法  ,真实的项目当中用到的一般是es6语法,react当中常用到的也就是箭头函数,class,import,常量变量声明等,你可以结合这个地方http://es6.ruanyifeng.com/#docs/let 熟悉react经常用到的几块,其它的慢慢再学。

上面那个项目做到后面会发现越来逻辑越来越复杂,但是其实跟着步骤走,一个逻辑一个逻辑的去理解,还是能慢慢理顺的。

然后到react-redux部分发现有些蒙了,不要觉得自己好像跳坑了,如果你单独去学redux 那才真是一脸懵比。

如果看到后面不太理解的话,可以结合http://www.redux.org.cn/ 学习,主要让你明白,上面小项目当中哪些对应真实的redux当中的是什么。

再后来你会想着去找更多的react实例项目区学习,比如http://blog.csdn.net/a153375250/article/details/52667739 ,但是这个并没有使用redux,不过没关系,现在的目的并不是要你一股脑把所有react相关的都一起学,你可以只是用它来练习react基础。记得把上面要求的功能完善。

后来你碰到了webpack,真实项目当中webpack必用。你可以到这里来简单学习http://www.runoob.com/w3cnote/webpack-tutorial.html ,这个真的只是告诉你webpack是什么,真的只是入门,,而已。。。你可以到这里学习更多http://www.cnblogs.com/QxQstar/p/5961387.html 

未完。。。。

原文地址:https://www.cnblogs.com/pengwenfan/p/6795344.html