Skip to main content

学习资源

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

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

基础介绍

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

在 React 中使用 Redux

一些有关 React-Redux 绑定和 connect 函数的文章

  • Redux 可以做什么?(什么时候应该使用它?)
    https://daveceddia.com/what-does-redux-do/
    关于 Redux 如何解决 React 应用程序中的数据流问题的总结。

  • Redux 如何工作:一个计数器的例子
    https://daveceddia.com/how-does-redux-work/
    对前一篇文章的一个很好的后续。 它解释了如何使用 Redux 和 React-Redux,首先显示一个 React 组件,该组件在其内部状态中存储一个值,然后重构它以使用 Redux。在此过程中,本文解释了重要的 Redux 术语和概念,以及它们如何组合在一起以使 Redux 数据流正常工作。

  • Redux React 简介
    https://jakesidsmith.com/blog/post/2017-11-18-redux-and-react-an-introduction/
    介绍 Redux 的核心概念,解释如何使用 React-Redux 包将 Redux 与 React 一起使用。

基于项目的教程

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

手写 Redux

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

Reducers

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

选择器 Selectors

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

范式化 Normalization

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

中间件 Middleware

Explanations and examples of how middleware work and how to write them

副作用 (Side Effect) —— 基础

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

副作用 (Side Effect) —— 进阶

用于管理异步行为的进阶工具和技术

像 Redux 一样思考

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

Redux 架构

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

应用和示例

Redux 文档翻译

书籍

  • Redux in Action
    https://www.manning.com/books/redux-in-action
    A comprehensive book that covers many key aspects of using Redux, including the basics of reducers and actions and use with React, complex middlewares and side effects, application structure, performance, testing, and much more. Does a great job of explaining the pros, cons, and tradeoffs of many approaches to using Redux. Personally recommended by Redux co-maintainer Mark Erikson.

  • The Complete Redux Book
    https://leanpub.com/redux-book
    How do I manage a large state in production? Why do I need store enhancers? What is the best way to handle form validations? Get the answers to all these questions and many more using simple terms and sample code. Learn everything you need to use Redux to build complex and production-ready web applications. (Note: now permanently free!)

  • Taming the State in React
    https://www.robinwieruch.de/learn-react-redux-mobx-state-management/
    If you have learned React with the previous book of the author called The Road to learn React, Taming the State in React will be the perfect blend to learn about basic and advanced state management in React. You will start out with learning only Redux without React. Afterward, the book shows you how to connect Redux to your React application. The advanced chapters will teach you about normalization, naming, selectors and asynchronous actions. In the end, you will set up and build a real world application with React and Redux.

课程

  • Modern React with Redux, by Stephen Grider (paid)
    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 问题的地方。 欢迎各种技术水平的开发人员参加。