Redux
是JavaScript
应用程序的状态容器.
- 官方网站:
devarchy.com/redux
- 使用
devarchy
将库添加到目录中
Code Architecture
redux-schema
-Redux
的自动操作,缩减器和验证.redux-tcomb
-Redux
的不可变和类型检查状态和操作.redux-action-tree
- 使用Redux
运行的脑信号.redux-elm
-JavaScript
中的Elm
架构.
Utilities
redux-orm
- 小而简单且不可变的ORM
,用于管理Redux
存储中的关系数据.redux-api-middleware
- 用于调用API
的Redux
中间件.redux-ignore
- 高阶reducer
忽略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
- 更高级的reducer
,用于向Redux
状态容器添加撤消/重做功能.redux-bug-reporter
-Redux
的Bug报告器和错误播放工具.redux-transducers
-Redux
的transducer
实用程序.
Store Persistence
redux-storage
-Redux
的持久层,具有灵活的后端.redux-persist
- 坚持和补充Redux
商店.
Side Effects
副作用/异步动作 (Side Effects
/Async Actions
)
redux-saga
-Redux
应用程序的替代副作用模型.redux-promise-middleware
-Redux
中间件,用于通过条件乐观更新来解决和拒绝Promise
.redux-effects
- 你编写纯函数,redux-effects
处理其余的函数.redux-thunk
-Redux
的Thunk
中间件.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
创建action
和reducer
.redux-crud
-Redux
CRUD
应用程序的标准action
和reducer
集.
Dev tools / Inspection tools
redux-devtools-inspector
- 另一个Redux DevTools
监视器.redux-diff-logger
-Redux
状态之间的差异记录器.redux-devtools-chart-monitor
-Redux DevTools
的图表监视器.redux-devtools
- 用于Redux
的DevTools
,具有热重新加载,动作重放和可自定义的UI.redux-devtools-dispatch
- 手动发送您的action
以测试您的应用是否反应良好.redux-devtools-dock-monitor
-Redux DevTools
显示器的可调整大小和可移动的底座.redux-devtools-filterable-log-monitor
-Redux DevTools
的可过滤树视图监视器.redux-devtools-log-monitor
- 具有树视图的Redux DevTools
的默认监视器.remote-redux-devtools
- 远程Redux DevTools
.
React Integration
redux-test-recorder
-Redux
中间件,通过UI
交互自动生成Reducer
测试.react-redux
-Redux
的官方React
绑定.react-easy-universal
- Universal Routing & Rendering withReact
&Redux
was too hard. Now it's easy.redux-form-material-ui
- 一组包装器组件,以便于使用带有Redux Form
的Material UI
.
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
redux-react-local
- 通过Redux
的本地组件状态.redux-ui
-React Redux
的简易UI状态管理.
Other Integrations
Flux
redux-actions
-Redux
的Flux
标准动作实用程序.redux-promise
- 适用于Redux
的FSA
兼容Promise
中间件.
Backbone
backbone-redux
- Easy way to keep yourBackbone
collections andRedux
store in sync.
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 usingRxJS
.
Electron
redux-electron-store
-Redux
存储增强器,允许Electron
过程之间的自动同步.
Deku
deku-redux
-Deku
v2中Redux
的绑定.
Other
redux-rollbar-middleware
-Redux
中间件,它包含action
中的异常并将它们发送到具有当前状态的Rollbar
.kasia
- 针对WordPress API
的React Redux
工具集.
Boilerplate
锅炉/脚手架/入门套件/发电机/堆叠套装 (Boilerplate
/Scaffolding
/Starter Kits
/Generators
/Stack Ensembles
)
redux-cli
- 用于更快地构建Redux
/React
应用程序的意见CLI
.reactuate
-React
/Redux
堆栈(不是样板工具包).react-chrome-extension-boilerplate
- 用于Chrome
扩展React.js
项目的Boilerplate
.universal-redux
-Npm
包,可让您直接使用通用(同构)渲染编写React
和Redux
编码. 如果您愿意,只管理Express
设置或Webpack
配置.generator-react-aspnet-boilerplate
- 使用ASP.NET Core 1
构建同构React
应用程序的起点,利用现有技术.generator-redux
- 用于Redux
的CLI
工具:使用devtools
的下一代功能Flux
/React
.generator-react-webpack-redux
-React Webpack
Generator,包括Redux
支持.socrates
- 小型(8kb),包含电池的Redux
商店,以减少样板并促进良好习惯.
Miscellaneous
redux-core
- 最小的Redux
.
Learning Material
-
Redux
的概念Redux
official documentation 在解释Redux
的核心原则方面做得非常出色. -
为什么不可变数据结构
该 guide on performance
React
的官方文档很好地解释了不可变数据结构是什么以及它们为何扮演重要角色. -
副作用 (
Side Effects
)Redux Loop
's readme 在Redux
的上下文中提供了对Side Effects
的深入了解.
阅读上述材料将为您使用Redux
编写应用程序提供良好的开端.
如果您对更多内容感到好奇,请查看以下资源.
-
函数式编程 - 基础知识
这个 post 在构建
YouTube
即时搜索演示应用程序时,介绍了函数式编程的基本概念. -
反应式编程 (
Reactive Programming
)这个 introduction to Reactive Programming 详细解释了反应式编程.
-
函数式编程 - 超越
写得好 article 讨论了在函数式语言中实现的有趣的计算机科学概念以及它们如何应用于
JavaScript
. -
Monads
对
monads
感到好奇吗? 维基百科给了一个好处 overview on monads 和 this article 通过图形和简单示例更详细地解释了monads
.