react核心

react 的fiber

有5个优先级的等级

• Immediate
• UserBlocking
• Normal
• Low
• Idle

高阶组件

怎么写一个高阶组件？

1. 普通方式
2. 装饰器
3. 多个高阶组件组合

高阶组件

1. 属性代理

   1、操作props
   2、操作ref

2. 继续/劫持

什么是react hooks?优势

useState
useEffect
useMemo

react hooks 有什么优势

class 的缺点

1. 组件间的状态逻辑很难复用
2. 复杂业务的有状态组件会越来越复杂
3. 监听和定时器的操作，被分散在多个区域

不要在render里写bind

hooks 的优点

1. 利于业务逻辑的封装和拆分，可以自由自定义hooks(自己封装的用到了react hooks的公共逻辑)
   useEffect(()=>{})
2. 可以在无需修改组件结构的情况下，复用状态逻辑
3. 定时器、监听等等都被聚合到同一块代码下

hooks使用注意事项

1. 不能在循环判断里用
   索引问题
2. 只能在 React 的函数组件中调⽤ Hook，不要在其他 JavaScript 函数中调⽤
3. 自定义的hook怎样操作组件

经验总结