hooks写redux实战

[into-piece]

首先我们要了解redux的优势

背景

随着React Fiber架构的革新，意在为优化用户体验实现任务优先级调度，实现fiber节点存储组件数据的数据结构的同时，顺带衍生了新的开发模式hooks，这无疑为react走向函数式编程的征程推进了一大步。

首先我们来看官方对hooks出现的动机：

• 难以复用类组件之间的逻辑
• 生命周期中经常包含一些莫名其妙的不相关逻辑
• 类组件难以被机器和人理解

但步子迈太大容易扯到内啥，

需要了解以下几个hook，

useReducer

const [state, dispatch] = useReducer(reducer, initialArg, init);

看到这个如此熟悉的名字，大概能猜出这个hooks的使用机制，

useContext与createContext

问题

• redux和现在的状态管理数据流向

  • Context.Provider的value更新的时候，会默认通知所有使用了useContext该Context订阅的子组件重新渲染。这个在项目复杂的时候，性能上会是灾难