react从零学习

判断isBatchingUpdates 哪些能命中 batchUpdate 机制 哪些不能命中 batchUpdate 机制

更新的两个阶段 可能会有性能问题 解决方案 fiber。更新的两个阶段 可能会有性能问题 解决方案 fiber。

event不是原生的，是SyntheticEvent合成事件对象，模拟出来DOM事件的所有能力 和Vue事件不同，和DOM事件也不同 event.nativeEvent是指向原生事件的【MouseEv

JSX本质是个啥，就是个【h】函数，返回vnode【虚拟节点】 JSX本质测试地址。JSX本质是个啥，就是个【h】函数，返回vnode【虚拟节点】 JSX本质测试地址。

useEffect死循环 举例：如果useEffect的数组参数中包含对象，就会出现死循环 解决方法

render（第一次创建） --- 初始化值 state re-render (更新的时候) --- 只恢复初始化的state的值,不会重新设置值。只能通过setName修改 组件Demo const

自定义一个简单的Axios请求的hook useAxios 要点：useState、useEffect、return [loading,data,error] 使用

useMemo缓存数据 useCallback缓存函数 两者是ReactHooks的常见优化策略 给Child传了函数，且该函数如果没有使用useCallback，那么Child的memo会失效

React默认会更新所有子组件 class组件使用SCU和Pure Component做优化 Hooks中使用useMemo 但优化的原理是相同的 示例

React-hook-useReducer ，useReducer 和 rudux区别 示例。。。。

useEffect的第二个参数很重要，是个数组。里面如果有值(可能有多个值)，该值发生变化后，useEffect钩子的函数就会重新执行。如果是空数组，就只会执行一次 模拟DidMount 模拟DidU

函数式编程，添加钩子(hook)，才可以做一些复杂的操作 useState的使用 const [count,setCount] = useState(0) 修改值 setCount(count+1)}

函数组件的特点 class组件的问题 React组件更易用函数表达。函数组件的特点 class组件的问题 React组件更易用函数表达。

mixin, 已被react弃用 高阶组件HOC Render Props 总结：HOC模式简单，但会增加组件层级，Render props 代码简洁，学习成本高一点 实现欢动鼠标位置打印 高阶组件H

React性能优化-2 pureComponent componentDidUpdate会进行浅比较 React.memo 在函数组件使用

React 性能优化-1 shouldComponentUpdate【简称SCU】 2.必须配合不可变值使用【演示了错误使用，造成的SCU的bug】 this.state.list.push 导致子组

React 异步组件 import 【导入组件】 React.lazy 【实现了异步】 React.Suspense 【往往配合异步提示loading】

React的Context Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。在一个典型的 React 应用中，数据是通过 props 属性自上而下（由父

Portal传送 将组件传送到某个层级的节点，比如document.body 常用于弹窗等组件的封装

函数组件 纯函数，输入props, 输出JSX 没有实例，没有生命收周期，没有state 不能拓展其他方法