React 作为应用最广泛的前端开发库之一,不仅有着极其丰富的用户界面,而且非常容易上手。同时,在其他前端应用发生翻天覆地的变化的时候,它的功能却异常稳定。正因如此,无论你是专职从事前端开发,还是以后端为主但也需要自己做一些 UI 界面,React 基本上就是你的首选。
最重要的是,React 在 2019 年 2 月发布的 16.8 版本中引入了 Hooks。Hooks 带来的全新机制让人耳目一新,因为它进一步拓展 了 React 的开发思路,为前端开发提供了一种更优的选择。
要知道,Hooks 的两大好处就是业务逻辑重用和关注业务分离。所以在引入 Hooks 的概念之后,函数组件就具备了状态管理、生命周期管理等能力,它几乎可以实现原来 Class 组件具备的所有能力,而且还解决了 Class 组件存在的一些代码冗余、逻辑难以重用等问题。
不过也肯定有很多人会有这样的疑问:
- 转换 Hooks 的开发思路难不难?
- 现在项目代码都是 Class 的,难道都得改一遍吗?
我要先给你吃一颗定心丸。转换 Hooks 的开发思路并不难,重要的是在实际中不断应用。而原来的项目代码也不需要修改,因为函数组件能够和已有的 Class 组件无缝衔接,一起工作。你只需根据具体情况采用 Hooks 的方式去写新的代码就行了,转换成本很低。
为了帮助你高效地掌握 Hooks,我们特意邀请了 eBay 中国研发中心资深技术专家王沛老师,他会将自己及团队在使用 Hooks 过程中遇到的、看到的痛难点问题呈现出来。从函数组件和 Hooks 的角度出发,带你重新认识 React,帮助你在深入理解 Hooks 的基础上,使用 Hooks 的思想去开发前端应用,享受 Hooks 带来的诸多好处。