React 进阶实践指南--掘金小册课程推荐/优惠

本小册会持续更新，其中原理部分也随着 React 版本升级逐渐更新，当然 React 18 系列也包括在内。在介绍底部可查看更新日志 ?

你会学到什么？

• 1 jsx 到 fiber 的转换流程，以及如何操纵 React element 元素。
• 2 React 核心基础模块的原理、使用以及进阶，比如 state、props、ref、context 等。
• 3 所有常用 React Hooks 的原理，以及合理使用、编写自定义 Hook 的方法。
• 4 如何在 React 应用中进行 CSS 模块化。
• 5 控制 React 渲染的方法，以及性能优化手段。
• 6 生态 React Router、React Redux、React Mobx 的详细解读。
• 7 React 应用中海量数据的处理方案。
• 8 React 封装组件实践，以及高阶组件的原理和使用方法。
• 9 React 面试常见问题及答案解析。

作者介绍

我不是外星人，一线大厂前端技术专家。精通 React 技术，通读 React 源码，擅长大型应用架构设计、C 端性能优化、小程序跨端开发等领域，曾负责千万级别 PV 的 C 端交易链路。

热爱技术输出：

• 出版图书《深入浅出 React 开发指南》
• 撰写掘金小册《大前端跨端开发指南》
• 开发过两个开源项目：
  • react-keepalive-router-缓存页面
  • ruxjs-状态管理工具

小册介绍

在正式读《React 进阶实践指南》小册之前，我有必要和大家说清楚写这本小册的初衷。

我们在使用 React 去开发项目，周而复始地写着业务逻辑的时候，难免会遇到技术瓶颈期，比如：

• 对于 React 技术栈，不知道该怎么去突破、进阶；
• 搞不懂 React 的运行机制；
• 怎么给 React 做性能优化、封装组件；
• ……

笔者就亲身经历过这样的迷茫期，后来通过系统化复习，先逐一突破 React 的各个模块，再把各个模块串联到一起，才慢慢体验到 React 魅力所在，越深入的学习，我就发现了越多精彩的内容。

因此，我在这个小册中，把自己的学习经验和心得总结了出来，从基础篇、优化篇、原理篇、生态篇和实践篇，这五个方向和大家详细探讨 React 的原理，并梳理出一份使用指南。

• 基础篇：重新认识 React 中 state、props、ref、context 等模块，详解其基本使用和高阶玩法。
• 优化篇：讲解 React 性能调优和细节处理，让你写出更优雅的 React 代码。
• 原理篇：将针对 React 几个核心模块原理进行阐述，一次性搞定面试中遇到 React 原理问题。
• 生态篇：将重温 React 重点生态的用法，从原理角度分析内部运行的机制。
• 实践篇：串联前几个模块，进行强化实践。

更新日志

这里发布最新的小册更新日志：

• ?《React 进阶实践指南》章节重构通知

第十七章调和与fiber 将去掉调和部分，放在后面章节整合。取而代之的是分成三篇<架构篇>，让章节内容关联紧密，承上启下，帮助大家更方便理解原理篇。

第一篇：React fiber，介绍react的虚拟DOM fiber，以及fiber树的构成。
第二篇：react位运算以及三种应用、lane模型，运行时context模型和flag模型。
第三篇：数据更新流程设计。

新章节标题中，会有 ? 火焰标识。

• 2023年1月8日：新增章节数据更新流程设计。

• 2022年10月7日：新增章节 React 新事件原理。?

• 2022年9月2日：新增章节 React 位运算。?

• 2022年8月6日：新增章节 v18 Suspense 新特性。?

• 2022年7月21日： 新增章节 设计并实现 keepalive 功能。?

• 2022年5月22日： 新增章节 v18 commit流程。?

• 2022年5月15日： 新增章节 useInsertionEffect的使用。 ?

• 2022年5月4日：新增章节 订阅外部数据源。☀️

• 2022年4月9日：更新 jsx ，增加了 Babel 解析 JSX 流程。?

• 2022年3月6日： 新增章节 v18特性篇-concurrent 下的 state更新流程。?

• 2021年11月21日：新增章节原理篇—更新流程：进入调度任务。?

• 2021年11月8日： 新增章节 v18新特性之transition。?

• 2021年11月2日，新增章节 v18新特性之useMutableSource。 ?

• 2021年10月28日，新增章节 beginWork和render全流程。?

• 2021年10月17日，更新 hooks 章节，建议不要在 hooks 的参数中执行函数或者 new 实例。?

• 2021年9月22日，小册新增章节 context 原理。?

• 2021年8月15日，小册更新章节，增加 Ref 原理补充部分。ref 创建，更新，删除流程。 ?

Q&A

Q1: 为什么叫进阶实践指南？

A1: 答：小册在讲解 React 的基础和进阶用法基础上，也会有很多小的实践 Demo ，对基础知识点进行巩固和强化。

Q2: 通过本小册如何应对面试？

A2: 答：本小册每一章节中，都会对面试中常见的 React 问题进行阐述和整理，结合问+答环节，让你能够在面试中脱颖而出。

适宜人群

• 了解 React 基础用法，接触过 React 的技术同学。
• 想要系统学习 React，进阶技术栈，深入了解 React 原理的同学。
• 想要跳槽，攻克 React 面试知识点的同学。

• 基础篇-认识 jsx

• 写给想要进阶的你

• 基础篇-起源 Component

• 基础篇-深入 props

• 基础篇-玄学 state

• 基础篇-理解 lifeCycle

• 基础篇-多功能 Ref

• 基础篇-模块化 css

• 基础篇-高阶组件

• 基础篇-提供者 context

• 优化篇-渲染控制

• [WIP]优化篇-细节处理

• 生态篇-React-router

• 原理篇-事件原理（老版本）

• 优化篇-渲染调优

• 实践篇-表单验证上

• 优化篇-处理海量数据

• 原理篇-Hooks 原理

• 原理篇- 调和与 fiber

• 原理篇-调度与时间片

• 实践篇-实现mini-Router

• 生态篇-React-redux

• 生态篇-React-mobx

• 实践篇-表单验证下

• 实践篇-自定义弹窗

• [WIP]实践篇-自定义 Hooks 设计

• 实践篇-自定义 Hooks 实践

• 总结篇-如何有效阅读源码

• 原理篇-Context原理

• 原理篇-beginWork和render全流程

• V18特性篇-useMutableSource（已被取缔）

• V18特性篇-transition

• 原理篇-更新流程：进入调度任务

• v18特性篇-concurrent 下的 state更新流程

• v18特性篇-订阅外部数据源

• 原理篇-v18commit全流程

• [WIP]v18特性篇-Offscreen

• 实践篇-设计并实现 keepalive 功能

• v18特性篇-Suspense

• ?架构篇-React 中的位运算及其应用

• ?原理篇—事件原理（v18新版本）

• ?架构篇-数据更新流程设计