一.目录分析
1.src
项目的源代码,包括以下几个文件:
整个redux框架的入口文件
作用: 导出redux的几大函数包括createStore,bindActionCreators,combineReducers,compose,applyMiddleware
创建应用唯一的state树
工具类函数
作用: 方便开发者将dispatch和actioncreator当props绑定到组件中
将多个reducer,合并成一个reducer,传入到createStore函数中
将多个函数组合执行
工具类函数
作用: 将中间件如redux-thunk应用到createStore函数上
自定义的错误信息提示函数
2.docs
redux的文档.
官方网站:www.redux.js.org
中文翻译:cn.redux.js.org
3.build
构建redux所需要的一些文件
4.examples
redux的使用案例,从简单的原生counter到复杂到真实场景的应用,都提供了案例参考
5.test
测试文件目录
6.node_modules
redux源码所依赖的node包
源码分析
1.src/index.js
源代码使用了es6语法,使用import从文件中导出es6模块
import用法
2.在开发环境下使用压缩版本给予警告
3.导出多个对象
2.src/utils/warning.js
- export default
- javascript中异常处理
- javascript中错误处理
- 阮一峰谈javascript错误处理
-
源码解读
1.判定console.error是否存在且可用
2.捕获异常并处理
redux从入门到进阶
初学者
学习步骤:1. 阅读redux的官方文档 2.通过一些小例子熟悉redux的思想 3.复杂案例应用 4.熟悉redux的源码 5.熟悉业界关于redux的最佳实践
- redux offical site
- Redux系列01:从一个简单例子了解action、store、reducer
- Redux系列02:一个炒鸡简单的react+redux例子
Pratice
关于redux的实战经验
- Redux 在实践中的一些问题及思考
- React和Redux的连接react-redux
- 对Redux实践中数据请求的一些想法
- Redux系列x:源码解析