开篇词、全面拥抱 Hooks,掌握最新 React 开发方式

你好,我是王沛。欢迎和我一起学习 React。 我在前端领域深耕15年了,先后工作于 IBM 和 SAP,目前在 eBay 担任中国区资深研发技术专家的职位。这期间,既做过前端框架的自研,也构建过大型前端开发的项目。 其实,早在上学阶段,我就对前端开...

React Hooks 核心原理与实战

1、认识 React:如何创建你的第一个 React 应用

你好,我是王沛。欢迎来到我们的第一节课:认识 React ,并创建你的第一个 React 应用。 在这一讲,我会先带你了解React的创新之处,从而理解为什么它能成为最为主流的前端框架。然后再来学习和理解React的基本概念,帮助你了解 React ...

React Hooks 核心原理与实战

2、理解 Hooks:React 为什么要发明 Hooks

你好,我是王沛。 React 作为目前最为主流的前端框架,自2013年诞生至今已经有近8年的时间了。这8年来,在其他前端框架发生翻天覆地变化的同时,React 的 API 则非常稳定,几乎从来没有出现过重大的向后兼容的问题,而且每一次版本的升级也都非...

React Hooks 核心原理与实战

3、内置 Hooks(1):如何保存组件状态和使用生命周期

你好,我是王沛。这节课我们一起来学习基本 Hooks 的用法。 如果你用过基于类的组件,那么对组件的生命周期函数一定不会陌生,例如 componentDidMount, componentDidUpdate,等等。如果没有使用过,那也没关系,因为在今...

React Hooks 核心原理与实战

4、内置 Hooks(2):为什么要避免重复定义回调函数

你好,我是王沛。这节课我们来继续学习内置 Hooks 的用法。 在上节课你已经看到了 useState 和 useEffect 这两个最为核心的 Hooks 的用法。理解了它们,你基本上就掌握了 React 函数组件的开发思路。 但是还有一些细节问题...

React Hooks 核心原理与实战

5、进一步认识 Hooks :如何正确理解函数组件的生命周期

你好,我是王沛。今天我们来聊聊React组件的生命周期。 这一讲我会带你从 Hooks 的角度进一步理解 React 函数组件的生命周期。你可能会有疑问,前面几节课我们已经学习了 Hooks 的概念和内置 Hooks 的用法,那为什么还会有专门一讲来...

React Hooks 核心原理与实战