跳转到主文档

Redux 生态集成

Reduck 基于 Redux 实现,因此可以使用 Redux 生态的库,实现功能增强。通过 ProvidercreateAppcreateStore 等 API ,可以设置使用 Redux 的 中间件Store Enhancer;使用 createStore 还可以完全掌控 Store 的创建过程。

例如,我们希望使用中间件 redux-logger,示例代码如下:

ReactDOM.render(
<Provider config={{ middlewares: [logger] }}> // 通过 Provider 的 config 参数设置 中间件
<App />
</Provider>,
document.getElementById('root')
);
caution

Reduck 基于 Redux 底层 API 做了上层封装,屏蔽了 Redux 的一些底层概念,如 Reducer 等。Reduck 对于 Model 是动态挂载的,而 Redux 是在 Store 创建时就会挂载应用所需的全部状态。基于这些实现上的差异,有些 Redux 生态的库是无法直接在 Reduck 中使用的。