给自己一个「精通React」的机会
本课程的目标是帮助学员「精通React」。为了达到这个目标，课程会从「实践」、「理论」、「日常开发」三方面下手：
（1/3）实践方面
没有什么比自己动手写一遍代码更能加深印象的了。课程会手把手带你从一个「空仓库」一步步迭代出「最接近React官方实现的React18」。不是市面上常见的mini React，而是以原版React为目标的实现。
眼见为实，请自行对比我们的实现和官方版本有多类似：
虽然所有代码都会从零实现，但是React代码逻辑难度较高，为了帮助学员顺利实现自己的React，课程配备专属答疑群，承诺「课程相关问题有问必答」。不用担心答疑群质量，我们的答疑群很多同学都为React贡献过代码。
（2/3）理论方面
「实践」让我们知道了「怎么做」，但是如何才能知道「为什么要这么做」？
课程作者卡颂同时也是畅销书《React设计原理》作者，该书为本课程的配套书籍，书中解释了课程所有代码背后的设计理念。
学员可自行购买《React设计原理》，只要完成：
- 本课程前11课，并在
Github上传自己实现的React - 在掘金发文一篇谈谈学习心得
即可返现《React设计原理》书籍费用。
（3/3）日常开发方面
我们的学习社群鼓励学员讨论日常开发遇到的React问题，我们会引导学员从React源码的角度寻找答案，深入本质，将课程内容活学活用。
通过以上三方面的结合，学完本课程将达到「完全掌握React实现原理」的目的。对于日常开发，React在你面前将毫无秘密。对于面试，你唯一需要担心的是「聊的太深，面试官听不懂」。
课程特点
特点1：深入本质
课程手把手带你从0到1实现React18核心模块，项目跑的单测都是React官方的单测，带给你原汁原味的React。
市面上其他React课程学完后可以给React贡献代码么？本课程可以。以下是部分学员贡献的代码：#25963、#26084、#26074、#26087、#26140、#26088、#26142
特点2：面试加分
实现你自己的React18，在你面前React将毫无秘密可言，是简历加分的利器。下面是部分学员学完课程后自己实现的React：
- https://github.com/hyoban/big-react
- https://github.com/huangchucai/miniReact
- https://github.com/jialong5566/large-react
- https://github.com/huzhengxi/big-react
- https://gitee.com/coderup2021/kasong-react/
- https://github.com/SaebaRyoo/big-react
- https://github.com/ohlyf/oh-react
特点3：内容全面
不仅能学到框架实现，还能学到开源项目架构、工程化配置、测试环境搭建、项目调试等诸多能力。
特点4：长期迭代
本课程长期迭代，持续跟进React新特性，不用担心React19出了本课程就过时的问题。
课程作者
卡颂，前360奇舞团、字节跳动前端工程师。在打造本课程前，已经出品了如下作品，教学经验丰富：
- 《React设计原理》
- 开源电子书React技术揭秘（5k+ star）
- 自顶向下学React源码（2k+ 销量）
即使有这样的经验，卡颂在打造本课程前也是先实现了开源版本。在获得了开源社区认可（2.8kstar）后，再开始课程的创作。
所以，这是一门全网稀缺的课程。
目录
「1」搭建项目架构
「2-1」实现JSX
「2-2」实现JSX的打包
「2-3」实现第一种调试方式
「3」实现Reconciler架构
「4-1」实现状态更新机制
「4-2」接入状态更新机制
「5-1」实现mount流程的beginWork
「5-2」实现mount流程的completeWork
「6-1」实现commit阶段
「6-2」实现Mutation子阶段
「6-3」实现ReactDOM
「6-4」调试ReactDOM
「7-1」实现FunctionComponent
「7-2」实现第二种调试方式
「8-1」实现Hooks架构
「8-2」实现useState
「9-1」实现第三种调试方式
「9-2」测试JSX
「10-1」update流程render阶段
「10-2」update流程commit阶段
「10-3」update流程处理useState
「11」实现事件系统
「12-1」实现单节点Diff
「12-2」实现多节点Diff
「12-3」Diff算法处理commit阶段
「13」实现Fragment
「14-1」批处理的概念
「14-2」实现Lane模型
「14-3」实现调度阶段
「14-4」改造更新流程
「15-1」实现useEffect数据结构
「15-2」实现useEffect工作流程
「16-1」实现noop-renderer
「16-2」打包noop-renderer
「16-3」测试useEffect
「17-1」实现同步更新Demo
「17-2」实现并发更新Demo
「18-1」实现并发更新的交互部分
「18-2」实现并发更新的策略逻辑
「18-3」实现并发更新的状态计算
「19-1」useTransition的作用
「19-2」实现useTransition
「20」实现useRef
「21-1」实现Context数据结构
「21-2」实现Context逻辑
「21-3」实现useContext
「22-1」Suspense的作用
「22-2」Suspense的实现思路
「22-3」实现Suspense工作流程
「22-4」如何触发Suspense？
「22-5」实现试验性hook —— use
「22-6」实现unwind流程
「22-7」完善Suspense
