零基础学习 React 19

公众号 猩猩程序员 咨询

React 19 学习秘籍


第一章:认识 React 与环境搭建

1.1 什么是 React

1.2 开发环境搭建

1.3 第一个 React 程序


第二章:JSX 语法基础

2.1 什么是 JSX

2.2 JSX 基本规则

2.3 在 JSX 中使用 JavaScript 表达式

2.4 JSX 中的注释写法


第三章:组件基础

3.1 什么是组件

3.2 定义与使用函数组件

3.3 组件的导入与导出

3.4 组件的纯粹性


第四章:Props 属性传递

4.1 什么是 Props

4.2 传递与接收 Props

4.3 Props 的默认值

4.4 特殊 Props:children

4.5 Props 的展开传递

4.6 Props 是只读的


第五章:条件渲染

5.1 条件渲染的概念

5.2 使用 if/else 进行条件渲染

5.3 使用三元运算符

5.4 使用逻辑与运算符(&&)

5.5 使用变量存储 JSX


第六章:列表渲染

6.1 列表渲染基础

6.2 key 属性的重要性

6.3 使用 filter() 过滤列表

6.4 渲染嵌套列表


第七章:样式处理

7.1 内联样式

7.2 CSS 类名

7.3 CSS Modules

7.4 其他样式方案简介


第八章:State 状态管理基础

8.1 什么是 State

8.2 useState Hook

8.3 State 的更新规则

8.4 State 的数据类型处理

8.5 State 的结构设计原则


第九章:事件处理

9.1 事件处理基础

9.2 常用事件类型

9.3 事件对象

9.4 事件传播与冒泡

9.5 向事件处理函数传递参数


第十章:渲染机制深入理解

10.1 React 的渲染流程

10.2 虚拟 DOM 与 Diffing 算法

10.3 State 作为快照

10.4 队列化 State 更新


第十一章:状态提升与组件通信

11.1 状态提升

11.2 组件间数据共享

11.3 保留与重置 State


第十二章:useReducer 复杂状态管理

12.1 为什么需要 useReducer

12.2 useReducer 基本用法

12.3 useState 与 useReducer 的对比

12.4 编写良好的 Reducer


第十三章:Context 跨层级数据传递

13.1 Props 逐层传递的问题

13.2 Context 的基本使用

13.3 Context 的使用场景

13.4 Context 的注意事项

13.5 Reducer 与 Context 结合使用


第十四章:Ref 引用

14.1 什么是 Ref

14.2 useRef 基本用法

14.3 使用 Ref 操作 DOM

14.4 ref 回调函数

14.5 forwardRef 与 useImperativeHandle


第十五章:useEffect 副作用处理

15.1 什么是副作用

15.2 useEffect 基本用法

15.3 依赖数组详解

15.4 Effect 的生命周期

15.5 什么时候不需要 Effect

15.6 useLayoutEffect

15.7 useInsertionEffect


第十六章:自定义 Hook

16.1 什么是自定义 Hook

16.2 创建自定义 Hook

16.3 自定义 Hook 的使用规则

16.4 常见自定义 Hook 实现


第十七章:性能优化 Hooks

17.1 React 的重新渲染机制

17.2 useMemo

17.3 useCallback

17.4 memo

17.5 React Compiler 自动优化


第十八章:其他重要 Hooks

18.1 useContext

18.2 useTransition

18.3 useDeferredValue

18.4 useId

18.5 useSyncExternalStore

18.6 useActionState(React 19 新增)

18.7 useOptimistic(React 19 新增)

18.8 use(React 19 新增)


第十九章:内置组件

19.1 Fragment

19.2 Suspense

19.3 StrictMode

19.4 Profiler

19.5 Activity(React 19 新增)


第二十章:React DOM 与渲染

20.1 客户端渲染

20.2 createPortal

20.3 flushSync

20.4 资源预加载 API


第二十一章:表单处理

21.1 受控表单组件

21.2 非受控表单组件

21.3 React 19 表单新特性


第二十二章:服务端渲染(SSR)

22.1 什么是服务端渲染

22.2 服务端渲染 API

22.3 静态生成 API

22.4 客户端水合(Hydration)


第二十三章:React Server Components(服务端组件)

23.1 什么是 Server Components

23.2 Server Components 的优势

23.3 Server Components 的使用规则

23.4 异步 Server Components


第二十四章:Server Functions(服务端函数)

24.1 什么是 Server Functions

24.2 创建与使用 Server Functions

24.3 Server Functions 与 Actions

24.4 安全注意事项


第二十五章:React Compiler 深入

25.1 React Compiler 概述

25.2 安装与配置

25.3 编译模式

25.4 编译指令

25.5 错误处理与调试


第二十六章:项目实战综合应用

26.1 项目架构设计

26.2 数据请求最佳实践

26.3 代码分割与懒加载

26.4 错误边界

26.5 React 19.2 最佳实践总结

公众号 猩猩程序员 咨询

相关推荐
卡布鲁2 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
用户298698530142 天前
在 React 中用 JavaScript 将 Word 转换为文本
前端·javascript·react.js
狗狗狗狗狗乐啊3 天前
搭一个 AI 对话工作台 AChat:从 0 到可用的完整记录(一)
python·react.js·ai编程
晓得迷路了3 天前
栗子前端技术周刊第 147 期 - React Router 8.4、Vite 云服务攻击、pnpm 12.4...
前端·javascript·react.js
神秘的猪头4 天前
React 脱围机制(二):重新理解 useEffect——它不是生命周期,而是同步外部系统
react.js
卡布鲁4 天前
React useMemo 与 useCallback 完全指南:原理、场景与避坑
前端·react.js
右耳朵猫AI4 天前
Web前端周刊2026W38 | React 19.3 发布、StyleX 深潜、jsdom 30.1 提速
前端·javascript·react.js·typescript·node.js
晚安日记wanna5 天前
React 为何不做双端 diff?Vue 与 React 更新逻辑的三层差异
前端·react.js·面试
光影少年5 天前
setImmediate 和 setTimeout(0) 的区别
android·前端·react.js·ios·前端框架
用户298698530146 天前
前端如何把 TXT 文本文件转成 Word 文档:React 实践
前端·javascript·react.js