React

在讨论这个问题之前，先看一个问题 setState执行后打印state是更新前的还是更新后的？ 合成事件中 更新之前的值 钩子函数中 更新之前的值 原生事件中 更新之后的值 setTimeout中 更

class类组件中 可以通过两种方式来实现setState的回调 setState加入第二个参数作为回调函数 利用componentDidMount生命周期钩子 刚好，hooks中的useEffect

是什么？ 一个基于React组件概念的函数：接收一个组件为参数，并返回一个新的组件的函数 一个复用组件逻辑的高级技巧 为什么？ 可以增强代码的复用性和灵活性，提高开发效率 对高阶组件的理解有助于我们理

为什么是hooks 为什么引入Hook 钩子 useState 官网-useState 用于定义组件的state，对标到类组件中的this.state的功能 useEffect 官网-useEffec

React.memo 官网-Reactmemo 一个高阶组件，实现的是PureComponent的功能 上面会对MyComponent传入的props进行浅比较（PureComponent干了同样的事

flux 是Facebook使用的一套前端应用架构模式 多个store 通过订阅发布的方式实现更新 UI发出动作消息，将动作传递给分发器 分发器广播所有store 订阅的store做出反应，传递新的s

重写shouldComponentUpdate方法来避免re-render 使用稳定(production)版本的React 合理使用key，帮助React识别列表中所有子组件的最小变化 render

老生命周期 挂载阶段 componentWillMount componentDidMount 更新阶段 componentWillReceiveProps：props变化时 shouldCompon

这里主要讨论的是为什么在16.0版本后，开始使用fiber 时间复杂度 vdom：树结构，遍历一棵树结构的时间复杂度：O(n³) fiber：链表结构，遍历链表结构的时间复杂度是:O(n) 能否被打断

痛点 当一个新技术、新事物出现的时候，一定是在此之前存在痛点。那么在Hook出现之前，类组件存在哪些痛点？ 组件之间逻辑复用比较困难 比如某一个state，如何触发更改，无法复用 复杂组件逻辑难以理解

ReactDOM独立原因 React在v0.14之前还不是分开的 因为有了React Native React 负责逻辑上的核心功能 ReactDOM 负责Dom操作。只做和浏览器或者Dom相关的操作