Learning Resources: Additional articles and resources for learning Redux">Learning Resources: Additional articles and resources for learning Redux">
跳至主要内容

学习资源

Redux 文档旨在教授 Redux 的基本概念,并解释在实际应用中使用的关键概念。但是,文档无法涵盖所有内容。幸运的是,还有许多其他很棒的资源可供学习 Redux。我们鼓励您查看它们。其中许多涵盖了超出文档范围的主题,或者以其他方式描述相同的主题,这些方式可能更适合您的学习风格。

此页面包含我们对一些最佳外部资源的推荐,这些资源可用于学习 Redux。有关 React、Redux、Javascript 和相关主题的更多教程、文章和其他资源的扩展列表,请参阅 React/Redux 链接列表

基本介绍

教授 Redux 基本概念和使用方法的教程

  • React、Redux 和 TypeScript 入门
    https://blog.isquaredsoftware.com/2020/12/presentations-react-redux-ts-intro/
    Redux 维护者 Mark Erikson 的幻灯片集,涵盖了 React、Redux 和 TypeScript 的基础知识。Redux 主题包括存储、reducer、中间件、React-Redux 和 Redux Toolkit。

  • 学习现代 Redux - Redux Toolkit、React-Redux Hooks 和 RTK Query
    https://www.learnwithjason.dev/let-s-learn-modern-redux
    "Learn with Jason" 节目的一个片段,Redux 维护者 Mark Erikson 作为嘉宾。本集节目展示了一个现场编码的应用程序,并展示了如何创建一个新的 React+TS 项目,添加 Redux 包,并从头开始设置 Redux Toolkit 和 React-Redux(包括我们推荐的 TS hooks 配置)。它还展示了如何使用即将推出的 RTK Query 数据获取 API 并在 UI 中显示这些数据。

  • Redux 教程:概述和演练
    https://www.taniarascia.com/redux-react-guide/
    Tania Rascia 写的一篇写得很好的教程,它快速解释了 Redux 的关键概念,并展示了如何使用原生 Redux 和 Redux Toolkit 将一个基本的 Redux + React 应用程序组合在一起。

  • Redux 入门 - 学习 Redux 的脑友好指南
    https://www.freecodecamp.org/news/redux-for-beginners-the-brain-friendly-guide-to-redux/
    一个易于理解的教程,它使用 Redux Toolkit 和 React-Redux 构建一个小型待办事项应用程序,包括数据获取。

  • 使用 Redux Toolkit 和 TypeScript 简化 Redux
    https://www.mattbutton.com/redux-made-easy-with-redux-toolkit-and-typescript/
    一个有用的教程,展示了如何将 Redux Toolkit 和 TypeScript 结合使用来编写 Redux 应用程序,以及 RTK 如何简化典型的 Redux 使用。

  • Redux:从 Twitter 热门话题到生产
    https://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/
    一个制作精良的幻灯片,以视觉方式逐步介绍 Redux 的核心概念、与 React 的使用、项目组织以及使用 thunk 和 saga 进行副作用处理。包含一些很好的动画图表,演示了数据如何在 React+Redux 架构中流动。

在 React 中使用 Redux

对 React-Redux 绑定库的解释

基于项目的教程

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

Redux 实现

通过编写微型重新实现来解释 Redux 的内部工作原理

Reducers

讨论编写 reducer 函数方法的文章

选择器

解释如何以及为什么使用选择器函数从状态中读取值

规范化

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

中间件

关于中间件的工作原理以及如何编写中间件的解释和示例

副作用 - 基础

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

副作用 - 高级

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

Redux 思维

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

Redux 架构

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

应用程序和示例

Redux 文档翻译

书籍

  • Redux 实战
    https://www.manning.com/books/redux-in-action
    一本涵盖使用 Redux 的许多关键方面的综合书籍,包括 reducer 和 action 的基础知识以及与 React 的使用、复杂的中间件和副作用、应用程序结构、性能、测试等等。在解释使用 Redux 的许多方法的优缺点方面做得很好。由 Redux 联合维护者 Mark Erikson 个人推荐。

  • Redux 全书
    https://leanpub.com/redux-book
    如何管理生产环境中的大型状态?为什么需要商店增强器?处理表单验证的最佳方法是什么?使用简单的术语和示例代码,获取所有这些问题的答案以及更多内容。学习使用 Redux 构建复杂且可用于生产环境的 Web 应用程序所需的一切。(注意:现在永久免费!)

  • 驯服 React 中的状态
    https://www.robinwieruch.de/learn-react-redux-mobx-state-management/
    如果您已经学习了作者之前名为“通往 React 之路”的书籍中的 React,那么“驯服 React 中的状态”将是学习 React 中基本和高级状态管理的完美结合。您将从仅学习 Redux 而没有 React 开始。之后,这本书将向您展示如何将 Redux 连接到您的 React 应用程序。高级章节将教您关于规范化、命名、选择器和异步操作。最后,您将使用 React 和 Redux 设置并构建一个真实世界的应用程序。

课程

  • Stephen Grider 的现代 React 与 Redux(付费)
    https://www.udemy.com/react-redux/
    通过本教程掌握 React 和 Redux 的基础知识,您将使用 React Router、Webpack 和 ES2015 开发应用程序。本课程将帮助您快速入门,并教您深入理解和构建 React 组件以及使用 Redux 结构应用程序的核心知识。

  • Tyler McGinnis 的 Redux(付费)
    https://tylermcginnis.com/courses/redux/
    学习 Redux 时,您需要在足够大的应用程序上下文中学习它,以了解其优势。这就是为什么本课程如此庞大的原因。一个更好的名字可能是“真实世界的 Redux”。如果您厌倦了“待办事项清单”Redux 教程,那么您来对地方了。在本课程中,我们将讨论 Redux 在管理应用程序状态方面有何特殊之处。我们将构建一个实际的“真实世界”应用程序,以便您可以了解 Redux 如何处理乐观更新和错误处理等边缘情况。我们还将涵盖许多其他与 Redux、Firebase 和 CSS 模块配合良好的技术。

  • Wes Bos 的学习 Redux(免费)
    https://learnredux.com/
    一个视频课程,逐步介绍构建“Reduxstagram”——一个简单的照片应用程序,它将简化 Redux、React Router 和 React.js 背后的核心思想。

更多资源

  • React-Redux 链接 是一个精选的 React、Redux、ES2015 等相关内容的高质量文章、教程和相关内容列表。
  • Redux 生态系统链接 是一个分类的 Redux 相关库、插件和工具集合。
  • Awesome Redux 是一个广泛的 Redux 相关仓库列表。
  • DEV 社区 是一个分享 Redux 项目、文章和教程,以及开始讨论和寻求有关 Redux 相关主题的反馈的地方。欢迎所有技能水平的开发者参与。