React/Redux 链接

我收集的关于React、Redux、ES6等的精选教程和资源链接,旨在为想了解React-Redux生态系统的人提供一系列高质量的文章和资源,同时也是关于高级主题和技术的优质信息来源。这个列表虽然称不上"令人惊叹",但希望能作为一个有用的起点,供我分享给他人。欢迎提出建议。

另一个重要资源是Discord上的Reactiflux社区,其中有专门讨论React、Redux和其他相关技术的聊天频道。那里总有很多人在闲聊和回答问题,是提问和学习的好地方。邀请链接是**https://www.reactiflux.com**。

你可能还想看看我整理的Redux相关附加组件、库和实用工具的分类列表,在Redux生态系统链接。另外请查看社区资源以获取其他链接列表、播客和电子邮件通讯的链接。最后,我还在blog.isquaredsoftware.com上维护一个开发博客,在那里我写关于React、Redux、Webpack等内容。

推荐学习路径

你通常应该按以下顺序学习这些技术:

"Web应用如何工作": 一系列文章,介绍客户端/服务器Web应用中使用的核心技术、术语和概念的大局观
JavaScript: 如果你不懂JavaScript,其他内容都将难以理解
React: 你可以单独使用React,也可以与Redux和/或TypeScript一起使用。单独学习它将最大限度地减少你一次需要学习的新概念和语法数量。
Redux: Redux可以单独使用,但最常与React一起使用。
TypeScript: 因为它在JS之上添加了静态类型,所以你需要先理解JS。另外,最好先理解React和Redux,然后再学习如何在静态类型中使用它们。

本页中的资源按该顺序列出。

你不需要阅读本页列出的每一个链接和文章。 但是,你应该尽可能多地阅读"推荐主要资源"部分中链接的文章,特别是对于你不太熟悉的主题。许多推荐的教程确实涵盖了相同的主题,所以你可以随意跳过你已经学过的概念。

"其他资源"部分的链接可作为参考,根据需要阅读。

Web应用如何工作

Mark的系列文章,描述了Web应用中使用的关键术语、概念、技术、语法和数据流。

JavaScript

附加资源(按需阅读)

通用JS

核心参考:
语法概览:
附加书籍/参考:
- 完整的JavaScript手册
- 雄辩的JavaScript
- 探索JS丛书(涵盖了该语言每年修订的新内容)
- 链接:ES6+特性和语法(链接到关于ES6+新特性的附加文章)
- 你不知道的JS(JS行为的高级概念和理解)

特定主题

数组/对象方法 / 不可变性
- 它会变异吗?
- 数组探索器和对象探索器
JS事件循环
- JavaScript事件循环
正则表达式
- JavaScript正则表达式指南
- JavaScript正则表达式初学者指南
CSS
Node / NPM
- Node.js介绍
- package.json指南
Lodash
- Lodash文档
构建工具
- Babel
- Webpack

React

附加资源（按需阅读）

通用React

资源集合
- Mark Erikson的React-Redux链接集合（多个类别的文章链接）
- Mark推荐的学习React资源
- Dave Ceddia的博客（他写的所有内容）
- Robin Wieruch的博客（同样是他写的所有内容）
额外书籍/参考资料
- 通往React之路
- 学习纯React

Redux

附加资源（按需阅读）

资源集合
- Redux 风格指南: 正确使用 Redux 的最佳实践和建议
- Redux 常见问题 (回答了许多关于 Redux 的常见问题)
- Redux 生态系统链接 (精选的 Redux 相关插件和工具列表)
书籍和课程
- Dave Ceddia 的纯 Redux 课程
- Tyler McGinnis 的 Redux 课程
- Wes Bos 的学习 Redux 课程 (免费)
- Redux 实战
- 完整的 Redux 书籍 (免费)
- 驯服 React 中的状态

特定主题

Redux 如何工作？
- 自己构建 Redux
- 地道的 Redux: React-Redux 的历史和实现

TypeScript

附加资源（按需阅读）

资源集合
- React+TypeScript 备忘单 (关于如何在 React 中使用 TypeScript 的权威信息集)
- React + Redux in TypeScript - 静态类型指南 (一套全面的信息，关于如何一起使用 React、Redux 和 TS，重点是获得应用程序的完整/"正确"类型覆盖)
技巧
- 使用代码分割和类型检查的 Redux