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

公众号 猩猩程序员 咨询

相关推荐
spmcor4 小时前
React 进阶指南:状态管理进化——从 Context 到 Redux Toolkit(第五篇)
react.js
spmcor4 小时前
React 进阶指南:React Router v6 完全实战(第四篇)
react.js
YFF菲菲兔1 天前
调度系统和调和系统的桥梁
react.js
YFF菲菲兔1 天前
commitRoot 源码解析
react.js
光影少年2 天前
react批量更新、同步/异步更新场景
前端·react.js·掘金·金石计划
YFF菲菲兔2 天前
completeRoot 源码解析
react.js
光影少年3 天前
React 合成事件机制、和原生事件区别、事件冒泡阻止
前端·react.js·掘金·金石计划
YFF菲菲兔3 天前
finishConcurrentRender 源码解析
react.js
YFF菲菲兔3 天前
reconcileChildren 源码解析
react.js