首页 > 怎样快速学习React

怎样快速学习React

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/Chasel-Chen/p/8559194.html

更多相关:

  • 残差残差在数理统计中是指实际观察值与估计值(拟合值)之间的差。在集成学习中可以通过基模型拟合残差,使得集成的模型变得更精确;在深度学习中也有人利用layer去拟合残差将深度神经网络的性能提高变强。这里笔者选了Gradient Boosting和Resnet两个算法试图让大家更感性的认识到拟合残差的作用机理。Gradient Boost...

  • MP4 |视频:h264,1280×720 |音频:AAC,44.1 KHz,2 Ch 语言:英语+中英文字幕(根据原英文字幕机译更准确) |时长:45节课(16h 55m) |大小解压后:10.8 GB 一级和二级初级和中级 你会学到: 通过一个手把手的项目学习使用Rhino V7。 您将学习使用Rhino的最新工具集,主...

  • 初学者用Python完成机器学习课程 你会学到: Python上的主机器学习 进行有力的分析 做出准确的预测 制作健壮的机器学习模型 将机器学习用于个人目的 建立一支强大的机器学习模型大军,并知道如何将它们结合起来解决任何问题 使用K-均值聚类、支持向量机(SVM)、KNN、决策树、朴素贝叶斯和主成分分析对数据进行分类 清理您的...

  • 这门由行业和学术领袖开设的课程是为那些希望在数据科学领域建立有价值的职业生涯的人开设的 你会学到: 监督学习和非监督学习的原理及其区别。 线性和逻辑回归,决策树,回归树,随机森林,判别分析,支持向量机,朴素贝叶斯分类器,KNN 如何在Python中选择合适的算法集并应用到现实项目中。 使用Python编程语言解决许多现实生活中的...

  • 学习每个机器学习模型背后的数学,然后用Python实现它 你会学到: 开发机器学习模型 创建机器学习模型的模板 学习每个机器学习模型背后的数学 要求: Python或任何编程语言的基础 时长:8h 15m |视频:. MP4,1280×720 30 fps |音频:AAC,44.1 kHz,2ch |大小解压后:4.54...

  • 一、代码结构概览1.核心部分configs:储存各种网络的yaml配置文件datasets:存放数据集的地方detectron2:运行代码的核心组件tools:提供了运行代码的入口以及一切可视化的代码文件。2.Tutorial部分demo:显而易见就是demodocs: 同样显而易见。。tests:提供了一些测试代码projects:...

  •     我刚刚接手这个项目的时候就被一系列不知所措的文件命名给深深的震惊了,那种振聋发聩不亚于听到赌王离世的消息。 首先请看,文件本来是用于处理“请假审批”,但是文件名居然叫做“teaApprove”,不要欺负我的初中英语不好,这个teaApprove我第一个感觉就是和“喝茶、茶叶”有关的业务,可是和我们这个项目八竿子打不着...

  • 这个问题简单,不做过多描述,如题所述,如果因为这个导致错误,请安装 npm install stylus-loader css-loader style-loader -D...

  • 使用这个宏TS_VERSION_MAOR来判断,这个宏定义在编译时生成在apidefs.h,它包含在ts/ts.h中,所以请在插件这包含...

  • linux valgrind Memcheck–内存检查工具 使用方法: 注意,这里要用debug版本,如果是release的运行文件,则用debug编译出来的可执行文件替换 输出到终端: valgrind --tool=memcheck --leak-check=full ./test.out 输出到文件: valgri...