共 12 章

React 教程

面向有 JavaScript/TypeScript 基础的新手,用教材式章节系统学习现代 React 的组件、状态、Hooks、异步 UI 与测试。

第01章

第一章:环境搭建与第一个 React 程序

Node.js、Vite、TypeScript、React 渲染入口

ViteTypeScriptcreateRoot
🧩

第02章

第二章:JSX 与元素树

用 JavaScript 表达 UI 结构

JSXFragmentclassName
🧱

第03章

第三章:组件与 Props

函数组件、props、children 与单向数据流

Propschildrentype
🔄

第04章

第四章:State 与事件

事件处理、useState、重新渲染与不可变更新

useStateeventsupdates
📚

第05章

第五章:条件渲染、列表与 key

分支、数组渲染与元素身份

conditionmapkey
📝

第06章

第六章:表单与受控组件

输入控件、表单状态与校验

formsonChangevalidation
🔌

第07章

第七章:Effect 与外部系统

副作用、依赖数组与清理函数

useEffectcleanupAbortController
🧭

第08章

第八章:组件组合与 Context

组合优先、插槽模式与跨层传递

compositionContextProvider
🪝

第09章

第九章:自定义 Hook

提取可复用的状态逻辑

HooksuseLocalStoragereuse
🌐

第10章

第十章:数据获取与异步 UI

fetch、loading/error、取消请求与 Suspense 概念

fetchloadingerror
🧪

第11章

第十一章:性能、测试与调试

React DevTools、memo、Vitest 与 Testing Library

DevToolsmemoVitest

第12章

第十二章:综合项目:任务管理小应用

串联组件、状态、表单、Effect、自定义 Hook 与测试

projectlocalStorageNext.js