6、自定义Hooks :四个典型的使用场景

你好,我是王沛。 我在开篇词就说过,要用好 React Hooks,很重要的一点,就是要能够从 Hooks 的角度去思考问题。要做到这一点其实也不难,就是在遇到一个功能开发的需求时,首先问自己一个问题:这个功能中的哪些逻辑可以抽出来成为独立的 Hoo...

React Hooks 核心原理与实战

7、全局状态管理:如何在函数组件中使用 Redux

你好,我是王沛。今天我们来聊聊怎么在函数组件中使用Redux。 Redux 作为一款状态管理框架啊,是公认的React 开发中最大的一个门槛,但同时呢,它也是 React 开发人员必须掌握的一项技能。因为只有熟练应用 Redux,你才能更加灵活地使用...

React Hooks 核心原理与实战

8、复杂状态处理:如何保证状态一致性

你好,我是王沛。今天我们聊聊 React 中的状态管理。 从这节课开始,我们就进入到了实战篇的训练。React Hooks 中其实有一些通用原则和常见设计模式,所以我设计了几个典型的业务场景,这样你就可以对这些原则和模式有一个具体的印象,之后在遇到类...

React Hooks 核心原理与实战

9、异步处理:如何向服务器端发送请求

你好,我是王沛。这节课我们来学习如何在 React Hooks 中处理 Rest API 请求。 我遇到很多 React 的初学者,刚把Hello World跑起来,问的第一个问题就是:我该怎么发请求拿数据呢? 可见,这是最为常见也是最为重要的一个需...

React Hooks 核心原理与实战

10、函数组件设计模式:如何应对复杂条件渲染场景

你好,我是王沛。今天我们来聊聊函数组件中的设计模式。 所谓设计模式,就是针对特定场景,提供一种公认的最佳实践。在前面的课程中,我们已经提到了不少模式,比如保证状态的唯一数据源,语义化的拆分复杂组件,等等。熟练掌握这些模式,可以让我们的代码更加简洁直观...

React Hooks 核心原理与实战

11、事件处理:如何创建自定义事件

你好,我是王沛。今天我们来聊聊 React 中的事件处理。 我们知道,在 React 中,父子组件的交互是通过 props。这个机制其实是双向的,父组件通过 props 把值传递给子组件,而子组件则通过暴露一些事件,给父组件反馈到一些状态或数据。这两...

React Hooks 核心原理与实战