零基础学习 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 最佳实践总结

公众号 猩猩程序员 咨询

相关推荐
To_OC1 小时前
写了 5 个表单 Demo 后,我终于彻底搞懂了 React 受控与非受控组件
前端·react.js·前端框架
sunly_5 小时前
React useActionState 的用法详解
前端·javascript·react.js
汉堡大王95275 小时前
前端工程师 TypeScript 上手指南:一条清晰的从入门到精通路线
前端·javascript·react.js
wear工程师6 小时前
防抖为什么会失效?React 面试里的闭包和定时器
javascript·react.js
张元清6 小时前
React useEventSource Hook:自带断线重连的 Server-Sent Events (2026)
javascript·react.js
光影少年7 小时前
RN 网络请求:Fetch / Axios 封装、超时、拦截器
前端·react native·react.js
何时梦醒11 小时前
第三篇:React 组件化开发 — 函数即组件的哲学与实践
react.js·面试·typescript
sunly_11 小时前
React Suspense 用法详解
前端·javascript·react.js
半个落月1 天前
React useRef 详解:DOM 引用、持久化值与 Worker 实例
前端·react.js
光影少年1 天前
React Native网络、存储与原生能力
前端·react native·react.js