React全家桶网络学习资源汇总

前言

不知不觉,学习React时间已经超过三个月了。虽然这几个月断断续续,也算把我所了解的React全家桶学习了一遍,虽然我现在还是什么都不会😂
好了,接下来,我会把我学习过程中用到的一些网络资源都整理在这篇文章里面,分享给大家。

学习react之前

学习react之前,你最好有js(ES6)的基础,下面是JS学习资料搜集汇总。
两本来自于阮一峰大神的开源书籍:
JavaScript标准参考教程这里
ES6入门指南强烈推荐,看过实体书,ES6入门很实用
来自廖雪峰的官方网站的JS教程特别适合快速入门和新手回顾

JavaScript Promise迷你书全面了解Promise的书籍
深入理解JavaScript系列汤姆大叔翻译,比较全面,值得推荐

react学习

需要明确的一点的是,学习react最好的方式是阅读官方文档,这里列出一些资源,可作为学习的参考和补充:
react入门实例教程没错,还是来自于阮一峰大神
Learn React & Webpack by building the Hacker News front page强烈推荐,手把手教你构建一个前端页面
react-组件生命周期详解当我很混淆的时候,就是看这篇博文弄懂的
React入门:关于JSX语法虽然JSX很好理解,但是还是推荐一篇吧,比较详细了
React入门来自则修网的视频教程,一共有两门教程,这一门非常适合入门
react文档中文翻译版本,推荐结合英文文档使用

webpack

webpack作为一个打包工具,如今已经十分出色。
一小时包教会 —— webpack 入门指南不敢保证一小时能不能教会,但是写得还是很详细,值得一看
webpack中文文档(类似于官方文档,比较详细的介绍了webpack的方方面面)(http://webpackdoc.com/)

flux & redux

Flux 架构入门教程阮一峰大神目前专注于react啊,什么都有他
Redux 入门教程还是阮一峰的
Redux Tutorial 中文翻译适合没有耐性看完官方文档的同学
Redux中文文档英文翻译版,适合英语基础较薄弱的同学观看,貌似还可以下载下来
redux其他学习资源我fork的

mocha & chai

测试框架Mocha 实例教程不用我说来自哪里了吧
官方文档最好的学习教程
chai强大的断言库,学习途径目前只有中文文档

react单元测试 & enzyme

React 测试入门教程点这里
enzyme 是用于react单元测试的一个库,类jquery的风格,比官方那一套写起来顺手多了,推荐.

react-router & 其他

React Router 是完整的 React 路由解决方案
React-Router中文文档看这个就够了

immutable.js是一个数据不可变的一个库,据说结合React可以让性能提升十倍,学习的时候有了解过.
Immutable 详解及 React 中实践
官方文档

lodash 其实不属于react全家桶成员(虽然我觉得inmutable也不是),但是作为一个高性能和模块化的JS工具库,值得大家去了解和使用
中文文档,未翻译完全版本

写在后面

上面的资料和文档也许可以很容易就能通过baidu或者其他什么的得到,我算是列举了我学习时候参考的资料吧,不一定适合大家,也许有更适合入门的资料只是我没找到而已。上面列举的也并不是react全家桶的所有技术,包括css-module,覆盖率测试这些我也是刚刚才了解,并没有深入的使用,所以我这里就不列出了。在我看来,react发展到现在,已经不能说其只是一个前端框架的view层了,它是一个技术栈,一种解决方案,并且只有使用其全家桶才能发挥出其威力,作为一个前端初学者而言,这个过程并不会太痛苦,因为我们并没有对传统的web开发思维根深蒂固,所以如果你想学习react,不妨放下心中的顾虑,现在就开始。

学习react不难,但是真的想写好react太难了,angular也是,vue也是,所以不要轻易说你学会了它们。我们仅仅是轮子的使用者而已,可我真想哪天我也能成为造轮子的人,加油!

分享到 评论