JoernLee

使用combineReducers对数据进行拆分管理 在之前的例子中，我们可以看到数据和逻辑都被存储在一个reducer函数中，而且随着应用程序的增长，这个文件会变得越来越大，变得难以维护。因此，我们

搭建基本 Redux 框架来管理 Focused 为了更好地维护和管理后续的数据，我们需要搭建 Redux 框架来管理 focused 数据。首先，我们需要安装必要的库： 然后，创建 Redux 的

顶部搜索栏有一个点击变宽，移除焦点变窄的动画效果。 我们先修改一下之前的一些样式和布局问题： 1. 鼠标的移入移出样式切换 在React里面尽量不要去直接修改DOM，而是应该去定义数据，数据变化，界面

这里我们将学会使用Iconfont的图标，我们可以来阿里巴巴的开源图标库： https://www.iconfont.cn/ 1. 下载图标 首先我们可以在这里面新建一个项目： 这个时候我们就可以将需

1. 如何写全局样式 我们可以通过引入样式组件并利用全局注入，来实现全局样式的使用。 目前看上去好像没有什么特别有用的地方，但是后面深入的时候可以看到组件自己的样式只对自己生效。 2. 样式统一 我们

1. 脚手架初始化 首先，我们需要使用脚手架工具来初始化一个 React 项目。如果你不熟悉如何使用脚手架，可以简单回顾一下以下步骤： 有时候，初始化过程可能会由于网络问题导致失败。这时候，我们可以使

React-Redux 是一个第三方模块，可以帮助我们在 React 中更加方便地使用 Redux。需要注意的是，React 和 Redux 是两个不同的框架。 1. 清除原先的 Redux 相关文件

在处理异步情况时，可以选择使用saga中间件或者thunk。目前大部分项目都选择其中之一。 1. 恢复原始代码 首先，我们需要清除之前使用thunk的代码，恢复到原始代码状态。 2. 引入saga 我

当我们在 Redux 中处理异步请求或者复杂的逻辑时，组件会变得臃肿，此时我们希望把这些逻辑放到其他地方处理。这时，可以使用 Redux-thunk 中间件。 1. 安装和配置 Redux-thunk