卡颂从0实现React18

2023年9月13日 190条评论 3,925次阅读

资源简介

文章目录

本课程的目标是帮助学员「精通React」。为了达到这个目标，课程会从「实践」、「理论」、「日常开发」三方面下手：

（1/3）实践方面

没有什么比自己动手写一遍代码更能加深印象的了。课程会手把手带你从一个「空仓库」一步步迭代出「最接近React官方实现的React18」。不是市面上常见的mini React，而是以原版React为目标的实现。

眼见为实，请自行对比我们的实现和官方版本有多类似：

我们实现的React vs 官方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将毫无秘密可言，是简历加分的利器

特点3：内容全面

不仅能学到框架实现，还能学到开源项目架构、工程化配置、测试环境搭建、项目调试等诸多能力。

特点4：长期迭代

本课程长期迭代，持续跟进React新特性，不用担心React19出了本课程就过时的问题。

课程作者

卡颂，前360奇舞团、字节跳动前端工程师。在打造本课程前，已经出品了如下作品，教学经验丰富

资源目录

————\计算机教程QTDLG\00-其他\429-B站卡颂从0实现React18\
├─09.第九课：ReactElement的测试用例.mp4            63.51MB
├─10.第十课：初探update流程.mp4            92.12MB
├─11.课程介绍.mp4            13.67MB
├─12.「2-2」JSX转换---实现JSX的打包.mp4            104.17MB
├─13.「2-3」JSX转换---实现第一种调试方式.mp4            36.56MB
├─14.「4-1」如何触发更新---实现状态更新机制.mp4            39.83MB
├─15.「4-2」如何触发更新---接入状态更新机制.mp4            152.08MB
├─16.「5-2」初探mount流程---实现completeWork.mp4            85.42MB
├─17.「6-2」初探ReactDOM---实现Mutation子阶段.mp4            59.62MB
├─18.「6-3」初探ReactDOM---实现ReactDOM.mp4            114.71MB
├─19.「6-4」初探ReactDOM---调试ReactDOM.mp4            48.22MB
├─20.「7-2」初探FC---实现第二种调试方式.mp4            43.23MB
├─21.「8-2」实现useState---实现useState.mp4            92.75MB
├─22.「9-2」ReactElement的测试用例---测试ReactElement.mp4            85.72MB
├─23.「10-2」初探update流程---处理commit阶段.mp4            65.27MB
├─24.「10-3」初探update流程---处理useState.mp4            115.53MB
├─25.「11」实现事件系统.mp4            126.36MB
├─26.「12-1」实现Diff算法---单节点Diff.mp4            48.39MB
├─27.「12-2」实现Diff算法---多节点Diff.mp4            129.67MB
├─28.「12-3」实现Diff算法---处理commit阶段.mp4            63.69MB
├─29.「13」实现Fragment.mp4            140.32MB
├─30.「14-1」批处理的概念.mp4            62.91MB
├─31.「14-2」实现Lane模型.mp4            58.3MB
├─32.「14-3」实现调度阶段.mp4            95.06MB
├─32.「14-4」改造更新流程.mp4            126.23MB
├─33.「15-1」实现useEffect数据结构.mp4            170.51MB
├─34.「15-2」实现useEffect工作流程.mp4            326.66MB
├─35.「16-1」实现noop-renderer.mp4            233.4MB
├─36.「16-2」打包noop-renderer.mp4            93.68MB
├─37.「16-3」测试useEffect.mp4            96.15MB
├─38.「17-1」实现同步更新Demo.mp4            109.56MB
├─39.「17-2」实现并发更新Demo.mp4            210.82MB
├─40.「18-1」实现并发更新的交互部分.mp4            82.98MB
├─41.「18-2」实现并发更新的策略逻辑.mp4            176.61MB
├─42.「18-3」实现并发更新的状态计算.mp4            338.66MB
├─43.「19-1」useTransition的作用.mp4            32.04MB
├─44.「19-2」实现useTransition.mp4            121.07MB
├─45.「20」实现useRef.mp4            91.55MB
├─00.代码资料            600KB
├─从0实现React18-第七课：初探FC与实现第二种调试方式.mp4            80.09MB
├─从0实现React18-第九课：ReactElement的测试用例.mp4            133.62MB
├─从0实现React18-第八课：实现useState.mp4            181.35MB
├─第一课：搭架子(2022-11-25 15-46-23).mp4            73.62MB
├─第三课：-初探Reconciler(2022-11-25 15-46-24).mp4            135.02MB
├─第二课：-小试牛刀(2022-11-25 15-46-21).mp4            211.79MB
├─第五课：实现首屏渲染(2022-11-25 15-46-27).mp4            225.36MB
├─第六课：初探ReactDOM(2022-11-25 15-46-28).mp4            164.85MB
├─第四课：如何触发更新？(2022-11-25 15-46-26).mp4            105.96MB