16、使用 Electron、TypeScript、React 和 Redux 开发 RSS 聚合器

使用 Electron、TypeScript、React 和 Redux 开发 RSS 聚合器

1. 状态树变更

状态树发生了变化，顶级状态对象可以用以下接口描述：

// app.ts/interfaces/index.ts
export interface IRootState {
    state: IAppState;
}

2. 连接到存储

我们已经有了动作创建器和归约器，现在要让它们在整个应用中可用。 redux 模块提供了 createStore 函数，它接受组合的归约器来生成存储。 react-redux 模块导出了 Provider 高阶组件，它接受带有属性的存储，并通过 connect 在内部组件树中使其可用。

createStore 函数接受与 redux 的 compose 函数组合的中间件。在这个应用中，我们需要异步动作，可以使用 redux-thunk 中间件，它允许我们编写返回函数而不是普通对象的动作创建器。这些函数将 dispatch 和 getState 函数的引用作为参数，这样我们就可以调度延迟动作。

例如，我们需要通过 URL 读取 RSS 提要，使用以下动作创建器将其反