跳到主要内容

学习资源

Redux 文档旨在教授 Redux 的基本概念,并解释在实际应用程序中使用的关键概念。但是,文档无法涵盖所有内容。幸运的是,还有许多其他很棒的资源可用于学习 Redux。我们鼓励你仔细查看一下。其中许多涵盖的主题超出了文档的范围,或者你可以用其他更适合自己学习方式的去学习相同的内容。

此页面包含我们对可用于学习 Redux 的一些最佳外部资源的建议。有关 React,Redux,Javascript 和相关主题的更多教程、文章和其他资源,可以查看 React/Redux Links list

基础介绍

介绍 Redux 基本概念以及如何使用它的教程

在 React 中使用 Redux

一些有关 React-Redux 绑定的解释

基于项目的教程

通过构建项目来教授 Redux 概念的教程,包括更大的现实场景类型的应用程序

  • 实用的 Redux
    https://blog.isquaredsoftware.com/2016/10/practical-redux-part-0-introduction/
    https://blog.isquaredsoftware.com/series/practical-redux/
    一系列正在更新的帖子旨在通过构建示例应用程序来演示一些特定的 Redux 技术,该应用程序基于用于管理 Battletech 活动的 MekHQ 应用程序。由 Redux 共同维护者 Mark Erikson 撰写。涵盖管理关系数据,连接多个组件和列表、功能的复杂 reducer 逻辑,处理表单,显示模态对话框等主题。(注:这是一个较老的系列,今天我们推荐更新的编写 Redux 代码的模式。但是,这个系列中的许多原则仍然很有价值。)

Redux 实现

教你开发一个简化版 Redux,来阐述 Redux 内部工作原理

Reducers

讨论如何编写 reducer 函数的文章

选择器 Selectors

如何以及为何使用 Selector 函数从 state 读取值

规范化 Normalization

如何像数据库一样构建 Redux Store以获得最佳性能

中间件 Middleware

中间件如何工作以及如何编写它们的解释和示例

副作用 (Side Effect) —— 基础

介绍如何在 Redux 中处理异步行为

副作用 (Side Effect) —— 进阶

用于管理异步行为的高级工具和技术

像 Redux 一样思考

更深入地了解 Redux 的使用方式,以及它为何如此工作

Redux 架构

用于构建大型 Redux 应用程序的模式和实践

应用和示例

Redux 文档翻译

书籍

  • Redux in Action
    https://www.manning.com/books/redux-in-action
    一本全面的书,涵盖了使用 Redux 的许多关键方面,包括 reducer 和 action 的基础知识以及 React 的使用、复杂的 middleware 和副作用、应用程序结构、性能、测试等等。很好地解释了使用 Redux 的许多方法的优缺点和权衡。 由 Redux 共同维护者 Mark Erikson 亲自推荐。

  • 完整的 Redux 书籍
    https://leanpub.com/redux-book
    如何管理生产中的庞大的 state?为什么我需要 store enhancers?处理表单验证的最佳方法是什么?使用简单的术语和示例代码获取所有这些问题以及更多问题的答案。了解使用 Redux 复杂的构建和可用于生产的 Web 应用程序所需的一切(。注:现在永久免费!)

  • Taming the State in React
    https://www.robinwieruch.de/learn-react-redux-mobx-state-management/
    如果您已经通过作者的前一本书《学习 React 之路》学习了 React,那么在 React 中驾驭 state 将是学习 React 中基本和高级状态管理的完美结合。你将从只学习 Redux 开始,而不使用 React。之后,这本书向您展示了如何将 Redux 连接到您的 React 应用程序。高级章节将教你规范化、命名、selectors 和异步 actions。 最后,您将使用 React 和 Redux 设置和构建一个实际应用程序。

课程

  • Modern React with Redux, by Stephen Grider (付费)
    https://www.udemy.com/react-redux/
    使用本教程能够学习开发应用时如何将 React、Redux 与 React-Router、Webpack、ES6 同时使用的基础知识。本课程将帮助您快速启动并运行,并教您深入理解使用 Redux 时如何构建 React 组件和如何处理应用程序结构。

  • Redux, by Tyler McGinnis (paid)
    https://tylermcginnis.com/courses/redux/
    在学习 Redux 时,您需要在足够复杂的应用程序的上下文环境中才能感受到 Redux 带来的好处。这就是为什么这门课程很大。一个更好的名字可能会是 “Real World Redux” 。如果您厌倦了类似 “Todo list” 的 Redux 教程,那么您来对了地方。在本课程中,我们将讨论 Redux 在您的应用程序中管理状态的特殊之处。我们将构建一个实际的 “真实世界” 应用程序,以便您可以学到 Redux 如何处理 optimistic updates 和错误捕获等边缘情况。我们还将介绍许多其他适用于 Redux,Firebase 和 CSS Modules 的技术。

  • Learn Redux, by Wes Bos (free)
    https://learnredux.com/
    一个构建 'Reduxstagram' 的视频课程 —— 一个简单的照片应用程序,将简化 Redux,React Router 和 React.js 背后的核心思想。

更多资源

  • React-Redux Links 是 React、Redux、ES6 等高质量文章、教程和相关内容的精选列表。
  • Redux Ecosystem Links 是 Redux 相关库、插件和实用程序的分类集合。
  • Awesome Redux 是与 Redux 相关的库的列表。
  • DEV Community 是一个分享 Redux 项目、文章和教程以及讨论并询问有关 Redux 问题的地方。欢迎各种技术水平的开发人员参加。