React|React Hooks

首先打个广告,系列文章:

  1. 古老的React mixins
  2. HOC(高阶组件)
  3. render props
  4. React Hooks
【React|React Hooks】下面进入正题:
关于React Hooks的文章太多了,主要是React Hooks刚推出时太火了,所以我这里仅仅做个搬运工吧,推荐几篇不错的文章好了。
  1. 十个案例学会 React Hooks
  2. 30分钟精通React Hooks
  3. React Hooks
  4. react hooks进阶与原理
第一篇文章开头总结的很到位:
1.你还在为该使用无状态组件(Function)还是有状态组件(Class)而烦恼吗?
——拥有了hooks,你再也不需要写Class了,你的所有组件都将是Function。
2.你还在为搞不清使用哪个生命周期钩子函数而日夜难眠吗?
——拥有了Hooks,生命周期钩子函数可以先丢一边了。
3.你在还在为组件中的this指向而晕头转向吗?
——既然Class都丢掉了,哪里还有this?你的人生第一次不再需要面对this。
这也是推出React Hooks的重要原因吧。
另外推荐阅读:V8 将为 React hooks 改进数组解构的性能

    推荐阅读