Redux 生态
2021-09-16 09:50 更新
生态
Redux 是一个体小精悍的库,但它相关的内容和 API 都是精挑细选的,足以衍生出丰富的工具集和可扩展的生态系统。
如果需要关于 Redux 所有内容的列表,推荐移步至 Awesome Redux。它包含了示例、样板代码、中间件、工具库,还有很多其它相关内容。
本页将只列出其中由 Redux 维护者亲自维护的一部分内容。不要因此打消尝试其它工具的信心!整个生态发展得太快,我们没有足够的时间去关注所有内容。建议只把这些当作“内部推荐”,如果你使用 Redux 创建了很酷的内容,不要犹豫,马上发个 PR 吧。
不同框架绑定
- react-redux —— React
- ng-redux —— Angular
- ng2-redux —— Angular 2
中间件
- redux-thunk —— 用最简单的方式搭建异步 action 构造器
- redux-promise —— 遵从 FSA 的 promise 中间件
- redux-rx —— 给 Redux 用的 RxJS 工具,包括观察变量的中间件
- redux-logger —— 记录所有 Redux action 和下一次 state 的日志
- redux-immutable-state-invariant —— 开发中的状态变更提醒
组件
- redux-form —— 在 Redux 中时时持有 React 表格的 state
Store 增效器
- redux-batched-subscribe —— 针对 store subscribers 的自定义批处理与防跳请求
- redux-history-transitions —— 基于独断的 action 的 history 库转换
Reducer 增效器
- redux-optimist —— 乐观使用将被提交或还原的 action
- redux-undo ——使 reducer 具有便捷的重做/撤销,以及 action 记录功能
工具集
- reselect —— 受 NuclearJS 启发,有效派生数据的选择器
- normalizr —— 通过内嵌 API 响应标准化,使 reducer 的处理更简便
- redux-actions —— 在初始化 reducer 和 action 构造器时减少样板代码 (boilerplate)
- redux-transducers —— Redux 的编译器工具
- redux-immutablejs —— Redux 和 Immutable 的交互工具
- redux-tcomb —— 在 Redux 中使用具有不可变特性、并经过类型检查的 state 和 action
开发者工具
- redux-devtools —— 一个使用时间旅行 UI 、热加载和 reducer 错误处理器的 action 日志工具,最早演示于 React Europe 会议
教程与文章
- redux-tutorial —— 一步步学习使用 Redux
- What the Flux?! Let’s Redux. —— Redux 介绍
- Handcrafting an Isomorphic Redux Application (With Love) —— 使用数据抓取与路由分发的同构应用创建指南
- Full-Stack Redux Tutorial —— 使用 Redux 、React 和 Immutable 的测试优先开发指南
演讲
- Live React: Hot Reloading and Time Travel —— 了解 Redux 如何使用限制措施,让伴随时间旅行的热加载变得简单
- Cleaning the Tar: Using React within the Firefox Developer Tools —— 了解如何从已有的 MVC 应用逐步迁移至 Redux
社区公约
- Flux Standard Action —— Flux 中 action object 的人性化标准
- Canonical Reducer Composition —— 嵌套 reducer 组成的武断标准
- Ducks: Redux Reducer Bundles —— 关于捆绑多个 reducer, action 类型 和 action 的提案
更多
Awesome Redux 是一个展示丰富 Redux 相关信息的列表。
以上内容是否对您有帮助:
更多建议: