Skip to content

Redux

Redux Libraries & Learning Material Awesome

> Redux 是 JavaScript 应用程序的状态容器.



Code Architecture

*旨在完善源代码的整体结构. 使对代码的推理更容易. *

Utilities

  • redux-orm - 小型、简单且不可变的 ORM，用于管理 Redux 存储中的关系数据.
  • redux-api-middleware - 用于调用 API 的 Redux 中间件.
  • redux-ignore - 忽略 Redux 动作的高阶减速器.
  • redux-modifiers - 用于编写 Redux reducer 以对各种数据结构进行操作的通用函数集合.
  • rereduce - Redux 的减速器库.
  • redux-search - 用于客户端搜索的 Redux 绑定.
  • redux-logger - 用于 Redux 的记录器中间件.
  • redux-immutable - Redux-immutable 用于创建与 Immutable.js 状态一起使用的 Redux combineReducers 的等效功能.
  • reselect - Redux 的选择器库.
  • redux-requests - 使用 Redux reducer 管理飞行中的请求以避免发出重复请求.
  • redux-undo - 向 Redux 状态容器添加撤消/重做功能的高阶减速器.
  • redux-bug-reporter - 用于 Redux 的错误报告器和错误回放工具.
  • redux-transducers - 用于 Redux 的传感器实用程序.

Store Persistence

Side Effects

副作用/异步操作

  • redux-saga - Redux 应用程序的替代副作用模型.
  • redux-promise-middleware - Redux 中间件，用于通过有条件的乐观更新解决和拒绝承诺.
  • redux-effects - You write pure functions, redux-effects handles the rest.
  • redux-thunk - 用于 Redux 的 Thunk 中间件.
  • redux-connect - 提供用于解析 react-router 中的异步 props 的装饰器，对于处理 React 中的服务器端渲染非常有用.
  • redux-loop - elm-effects 和 Elm Architecture 到 Redux 的端口，允许您通过从 reducer 返回它们来自然而纯粹地对您的效果进行排序.
  • redux-side-effects - Redux 工具集，用于将所有副作用保留在你的减速器中，同时保持它们的纯度.
  • redux-logic - 用于组织业务逻辑和操作副作用的 Redux 中间件.
  • redux-observable - 使用“Epics”在 Redux 中用于动作副作用的 RxJS 中间件.
  • redux-ship - 可组合、可测试和可打字的副作用.

Code Style

旨在使部分源代码更易于阅读/编写.

  • redux-act - 为 Redux 创建动作和 reducers 的自以为是的库.
  • redux-crud - 用于 Redux CRUD 应用程序的一组标准操作和缩减器.

Dev tools / Inspection tools

React Integration

Routing

  • redux-async-connect - 它允许您请求异步数据，将它们存储在 Redux 状态并将它们连接到您的 React 组件.
  • redux-tiny-router - 为 Redux 和通用应用程序制作的路由器. 停止将路由器用作控制器，它只是状态.
  • redux-router - React Router 的 Redux 绑定——将路由器状态保存在 Redux 存储中.
  • react-router-redux - 无情的简单绑定以保持 react-router 和 Redux 同步.
  • ground-control - 可扩展的 reducer 管理和强大的 React Router 和 Redux 数据获取.

Forms

  • redux-form - 高阶组件使用 react-redux 将表单状态保存在 Redux 存储中.
  • react-redux-form - 使用 Redux 在 React 中轻松创建表单.

Component State

Other Integrations

Flux

  • redux-actions - 用于 Redux 的 Flux Standard Action 实用程序.
  • redux-promise - 适用于 Redux 的符合 FSA 的承诺中间件.

Backbone

  • backbone-redux - 保持主干集合和 Redux 存储同步的简单方法.

Falcor

  • redux-falcor - 将你的 Redux 前端连接到你的 falcor 后端.

RxJS

  • redux-observable - 使用“Epics”在 Redux 中用于动作副作用的 RxJS 中间件.
  • rx-redux - 使用 RxJS 重新实现 Redux.
  • redux-rx - 用于 Redux 的 RxJS 实用程序.
  • redurx - Redux'ish Functional State Management using RxJS.

Electron

Deku

Other

  • redux-rollbar-middleware - Redux 中间件，将异常包装在动作中，并将它们以当前状态发送到 Rollbar.
  • kasia - 用于 WordPress API 的 React Redux 工具集.

Boilerplate

样板/脚手架/入门套件/发电机/堆栈集成

  • redux-cli - 用于更快构建 Redux/React 应用程序的自以为是的 CLI.
  • reactuate - React/Redux 堆栈（不是样板工具包）.
  • react-chrome-extension-boilerplate - 用于 Chrome 扩展 React.js 项目的样板.
  • universal-redux - Npm 包，可让您直接跳入使用通用（同构）渲染编写 React 和 Redux 代码. 如果你愿意，只管理 Express 设置或 Webpack 配置.
  • generator-react-aspnet-boilerplate - 利用现有技术，使用 ASP.NET Core 1 构建同构 React 应用程序的起点.
  • generator-redux - 适用于 Redux 的 CLI 工具：下一代功能性 Flux/React with devtools.
  • generator-react-webpack-redux - React Webpack 生成器，包括 Redux 支持.
  • socrates - 小型 (8kb)、包含电池的 Redux 商店，可减少样板文件并促进良好习惯.

Miscellaneous

Learning Material

  • Redux 的概念

    Redux official documentation 很好地解释了 Redux 的核心原则.

  • 为什么不可变数据结构

    这 guide on performance React 的官方文档很好地解释了什么是不可变数据结构以及它们为何发挥重要作用.

  • 副作用

    Redux Loop's readme 在 Redux 的背景下对副作用有很好的了解.

阅读上述材料将为您使用 Redux 编写应用程序提供一个良好的开端. 如果您对更多信息感到好奇，请查看以下资源.

  • 函数式编程 - 基础

    这 post 在构建 YouTube 即时搜索演示应用程序时回顾了函数式编程的基本概念.

  • 响应式编程

    这 introduction to Reactive Programming 清晰地解释了响应式编程.

  • 函数式编程 - 超越

    写得好 article 它讨论了用函数式语言实现的有趣的计算机科学概念，以及这些概念如何应用于 JavaScript.

  • 单子

    对 monad 感到好奇？ 维基百科给出了一个很好 [overview on monads](https://en.wikipedia.org/wiki/Monad_(functional_programming)） 和 this article 通过图形和简单示例更详细地解释 monad.

Community