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的Reducer库.
  • redux-search - 用于客户端搜索的Redux绑定.
  • redux-logger - Redux的Logger中间件.
  • redux-immutable - Redux-immutable用于创建与Immutable.js状态一起使用的Redux combineReducers的等效函数.
  • reselect - Redux的选择器库.
  • redux-requests - 使用Redux reducer管理正在进行的请求,以避免发出重复请求.
  • redux-undo - 更高级的减少器,用于向Redux状态容器添加撤消/重做功能.
  • redux-bug-reporter - Redux的Bug报告器和错误播放工具.
  • redux-transducers - Redux的传感器实用程序.

Store Persistence

Side Effects

副作用/异步动作

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

Code Style

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

  • redux-act - Opinionated lib为Redux创建动作和缩减器.
  • 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 - React Router&Redux的可扩展的reducer管理和强大的数据获取功能.

Forms

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

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 - Redux的RxJS实用程序.
  • redurx - Redux'ish Functional State Management using RxJS.

Electron

Deku

Other

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

Boilerplate

锅炉/脚手架/入门套件/发电机/堆叠套装

Miscellaneous

Learning Material

  • Redux的概念

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

  • 为什么不可变数据结构

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

  • 副作用

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

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

  • 功能编程 - 基础知识

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

  • 反应式编程

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

  • 功能编程 - 超越

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

  • Monads

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

Community