🪝终于开始了最受期待的章节:Custom Hooks、Refs 与更多 State

发布: (2026年1月2日 GMT+8 23:05)
4 min read
原文: Dev.to

Source: Dev.to

Cover image for 🪝Finally Started the Most Awaited Section: Custom Hooks, Refs & More State

引言

哇。终于,那个我迫切期待的章节开始了。

今天我开始了课程的第 13 章节——我把它算作第 12 章节,因为前一章只是概览。这个章节已经感觉与众不同:强大、深入,并且在好的意义上有点让人望而生畏。

让我如此兴奋的原因很简单:它不再是使用 React,而是深入理解 React。

在上一章节,我学会了如何正确使用 useEffect 进行数据获取,并在usePopcorn 应用中实现它。这单独就改变了我对 React 中副作用的看法。

现在,这一章节是对那段知识的直接延伸

本章节内容概述(以及为何它像“轰炸”一样)

1️⃣ Hook 易学难精

这句话概括了本章节的重要性。我从一开始就一直在使用 Hook,但要精通它们完全是另一回事。表面之下隐藏了很多东西,而本章节承诺揭开这些深度。

2️⃣ Hook 规则

规则遍布于 React 文档的每个角落,但我们中的许多人在没有真正理解原因的情况下遵循它们。弄清规则背后的原理会自动提升我的开发者自信。

3️⃣ 深入探讨 useState

我从第一天起就使用 useState,并且知道:

  • 它是如何工作的
  • 何时使用它
  • 常见的使用场景

但我从未深入探索它的内部逻辑。深入探讨意味着会有有价值的洞见,改变我在真实项目中设计状态的方式。

4️⃣ useRef(我一直错过的 Hook)

useRef 是我最头疼的 Hook。每次出现时我只能稍微理解一点,却总是错过更大的图景。这一次,我决定全力以赴,从理论到实践彻底掌握 useRef

5️⃣ 自定义 Hook

它们到底是什么?我们为什么需要它们?如何创建自己的 Hook?这正是 React 开始变得简洁、可复用且专业的地方。我知道这部分既有趣又充满挑战,且会以最佳方式推动我前进。

为什么这个章节对我而言格外特别

这不仅仅是学习新 Hook,而是像 React 开发者一样思考,而不是仅仅写 React 代码。我已经能感受到,一旦完成本章节:

  • 我的代码会更简洁
  • 我的逻辑会更可复用
  • 我对状态的理解会更深入

说实话,这正是我一直在追求的成长方向。

GitHub 仓库(概览文件)

GitHub – 00-Overview.txt

Back to Blog

相关文章

阅读更多 »

React 编码挑战:卡片翻转游戏

React 卡片翻转游戏 – 代码 tsx import './styles.css'; import React, { useState, useEffect } from 'react'; const values = 1, 2, 3, 4, 5; type Card = { id: numb...