1. Reducer的纯函数原则和时间旅行
Reducer一定要是纯函数,所谓纯函数,即就是只要函数的
调用参数相同,就永远返回相同的结果。一个纯函数,它返回的结果
往往是可以根据参数精确预测的。
要实现纯函数,只要做到:
- 不修改入参
- 不执行有副作用的操作(修改函数之外的其他变量、API调用等)
- 不调用其他非纯函数(Date.now())
保证纯函数的原则,则每当我们dispatch一个相同的action,且初状态相同,则
总是能得到一个相同的结果(状态变化),因此可以实现redux的时间旅行功能。
2. Reducer 如何进行拆分
Redux的原则之一是整个应用只有一个store,为了避免store变得十分庞大,
可以首先让需要用到redux的模块拥有自己的reducer,然后使用Redux提供的 combineReducers()
在根reducer中把这些reducers组合起来,比如:
模块detail、header等拥有自己的reducer,它处理自己的actions,在根reducer中,我们这样编写:
import { combineReducers } from 'redux-immutable'; //数据拆分
import { reducer as HeaderReducer } from '../common/header/store';
import { reducer as HomeReducer } from '../pages/home/store';
import { reducer as DetailReducer } from '../pages/detail/store';
import { reducer as LoginReducer } from '../pages/login/store';
const reducer = combineReducers({ //immutable
header: HeaderReducer,
home: HomeReducer,
detail: DetailReducer,
login: LoginReducer
});
export default reducer;
注:由于我的state均为immutable对象,所以引入了redux-immutable的combineReducers方法,如果是普通对象,
直接从redux中引入即可。然后在根store中以这个 reducer 来 createStore 即可。