本小册会持续更新,其中原理部分也随着 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 面试常见问题及答案解析。
作者介绍
本小册作者目前就职于一线互联网大厂,7 年工作经验,6 年 React 开发经验,通读 React 源码,写过多篇《React 进阶》系列文章。开发过两个开源项目:
小册介绍
在正式读《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 面试知识点的同学。
购买须知
- 本小册为图文形式虚拟内容服务,购买成功概不退款;
- 小册于 2021 年 7 月 12 日上线,全部章节现已完成更新;
- 购买用户可享有永久阅读权限,可进入小册微信群,与作者互动;
- 掘金小册版权归北京北比信息技术有限公司所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表,违者将依法追究责任;
- 在掘金小册阅读过程中,如有任何问题,请邮件联系 xiaoce@xitu.io