Awesome Redux Libraries and Resources

8 minutes read
JavaScriptReact

ReduxJavaScript应用程序的状态容器.

Code Architecture

Utilities

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

Store Persistence

Side Effects

副作用/异步动作 (Side Effects/Async Actions)

  • redux-saga - Redux应用程序的替代副作用模型.
  • redux-promise-middleware - Redux中间件,用于通过条件乐观更新来解决和拒绝Promise.
  • redux-effects - 你编写纯函数,redux-effects处理其余的函数.
  • redux-thunk - ReduxThunk中间件.
  • redux-connect - 提供装饰器来解析react-router中的异步props,对于在React中处理服务器端渲染非常有用.
  • redux-loop - Elm效果的端口和Elm架构到Redux,它允许您自然而纯粹地通过从reducer返回它们来对您的效果进行排序.
  • redux-side-effects - Redux工具套件,用于在reducer内保持所有副作用,同时保持其纯度.
  • redux-logic - 用于组织业务逻辑和动作副作用的Redux中间件.
  • redux-observable - 使用“Epics”在Redux中实现动作副作用的RxJS中间件.
  • redux-ship - 可组合,可测试和可打字的副作用.

Code Style

  • redux-act - Opinionated lib为Redux创建actionreducer.
  • redux-crud - Redux CRUD应用程序的标准actionreducer集.

Dev tools / Inspection tools

React Integration

Routing

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

Forms

  • redux-form - 使用react-reduxRedux存储中保持表单状态的高阶组件.
  • react-redux-form - 使用ReduxReact中轻松创建表单.

Component State

Other Integrations

Flux

Backbone

  • backbone-redux - Easy way to keep your Backbone collections and Redux store in sync.

Falcor

RxJS

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

Electron

Deku

Other

  • redux-rollbar-middleware - Redux中间件,它包含action中的异常并将它们发送到具有当前状态的Rollbar.
  • kasia - 针对WordPress APIReact Redux工具集.

Boilerplate

锅炉/脚手架/入门套件/发电机/堆叠套装 (Boilerplate/Scaffolding/Starter Kits/Generators/Stack Ensembles)

Miscellaneous

Learning Material

  • Redux的概念

    Redux official documentation 在解释Redux的核心原则方面做得非常出色.

  • 为什么不可变数据结构

    guide on performance React的官方文档很好地解释了不可变数据结构是什么以及它们为何扮演重要角色.

  • 副作用 (Side Effects)

    Redux Loop's readmeRedux的上下文中提供了对Side Effects的深入了解.

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

  • 函数式编程 - 基础知识

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

  • 反应式编程 (Reactive Programming)

    这个 introduction to Reactive Programming 详细解释了反应式编程.

  • 函数式编程 - 超越

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

  • Monads

    monads感到好奇吗? 维基百科给了一个好处 overview on monadsthis article 通过图形和简单示例更详细地解释了monads.

Community

On this page

Scroll to top