卡颂 从0实现React18 (卡老师的小课堂)

资源简介

本课程的目标是帮助学员「精通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奇舞团、字节跳动前端工程师。在打造本课程前,已经出品了如下作品,教学经验丰富

资源目录

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

资源下载
下载价格68 猫币
VIP免费
客服QQ:765807314 微信:17620195025
0

评论0

请先

没有账号?注册  忘记密码?