「React 进阶实践指南」封面
VIP
React 进阶实践指南
9.98
彻底弄懂 React 基础和高阶用法,结合实践 Demo,告别技术瓶颈期,实现进阶~
🏆掘金签约作者 @ 攻粽号:前端Sharing
学习群
首单券后价
首单券后价
¥ 24.95 立即购买
原价 ¥49.9
VIP借阅
免费试学
6614 人加入学习
42 小节
·
约 1580分20秒
介绍
目录
评论

本小册会持续更新,其中原理部分也随着 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 进阶指南.jpg

作者介绍

本小册作者目前就职于一线互联网大厂,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 面试知识点的同学。

购买须知

  1. 本小册为图文形式虚拟内容服务,购买成功概不退款;
  2. 小册于 2021 年 7 月 12 日上线,全部章节现已完成更新;
  3. 购买用户可享有永久阅读权限,可进入小册微信群,与作者互动;
  4. 掘金小册版权归北京北比信息技术有限公司所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表,违者将依法追究责任;
  5. 在掘金小册阅读过程中,如有任何问题,请邮件联系 xiaoce@xitu.io
推荐小册
京ICP备18012699号-3 ©版权所有 北京北比信息技术有限公司

公司地址:北京市海淀区信息路甲28号13层B座13B-5 | 公司座机:010-83434395