shawlp / interview-codes

1 stars 0 forks source link

redux,react-redux,redux-thunk,redux-saga设计思想 #21

Open shawlp opened 3 years ago

shawlp commented 3 years ago

redux: image

react-redux: 把store直接集成到React应用的顶层props里面,只要各个子组件能访问到顶层props就行,通过Provider给顶层APP组件注入store,使用connect将redux的数据映射到React中的props中去(mapStateToProps),也会把各种dispatch变成了props让你可以在组件中直接使用(mapDispatchToProps)

redux-thunk:通常用来处理异步任务,可以让我们dispatch一个函数(延迟执行),而不只是普通的object

redux-saga: 也是用来处理异步任务,使用了generator的语法,基本上完全弄了一套 asyc 的事件监听机制。虽然好的一方面是将来可以扩展成 worker 相关的模块,甚至可以做到 multiple threads 同时执行,但代码量大大增加。