• 前置
• 学习面试视频
• 总结react hooks

react-hooks

• react-hooks为函数组件提供了一些hook，使得函数组件可以维护自身的state、生命周期。

react-hooks的优点

• 代码量及babel编译后的代码量更少
• 无需要通过bind改变this指向
• 无需要关心繁琐的生命周期函数
• 解决了组件地狱的问题

什么时候选择react-hooks

疑问

• 什么是组件地狱？hooks如何解决了组件地狱的问题
• 为什么 useState 返回的是个数组
• hooks对性能上有什么提升？如何做到的提升？
• 能覆盖到class的所有生命周期么？
• react会有哪些副作用?
• hook是如何挂载到函数组件上的?
• 开发模式为什么状态组件会渲染两次？
  • 如果在首页的ReactDOM.render中使用了React.StrictMode模式，有状态组件会默认渲染两次，帮助开发者检查由于副作用带来的bug。生产模式只渲染一次。去掉React.StrictMode可关闭渲染两次的机制。
• 疑问巩固
  https://juejin.im/post/6844903958968795149#heading-7
  高赞博客总结
  https://zh-hans.reactjs.org/blog/2020/05/22/react-hooks.html

扩充学习

• React Context的使用方式
• immutable的使用方式