开通VIP会员
扫码访问
查看: 58|回复: 3

[前&后端开发] React18内核探秘:手写React高质量源码迈向高阶开发

[复制链接]
  • TA的每日心情
    开心
    10 小时前
  • 签到天数: 2724 天

    连续签到: 93 天

    [LV.Master]伴坛终老

    注册时间
    2012-9-3
    最后登录
    2025-1-8

    2万

    主题

    6986

    回帖

    4万

    积分

    管理员

    2012年到2024年,感谢各位会员朋友的支持!

    推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老vip会员

    QQ
    发表于 前天 23:32 | 显示全部楼层 |阅读模式
    通过手写5000+源码,深入理解 React 内部机制,提升 React 复杂代码设计能力
    三六五网络学院分享《React18内核探秘:手写React高质量源码迈向高阶开发》价值599

    手写 React 高质量源码,迈向高阶开发

    手写 React 高质量源码,迈向高阶开发


    市面上的很多课程只是分析源码实现的表像,而缺乏对背后规律的探索,这加剧了大家关于源码难学的认知。这门课不仅帮助大家理解 React18 的源码实现,还可以透过现象看到本质,掌握源码背后的思想和规律。同时具备设计前端框架的能力,以及轻松阅读其他前端库的源码的能力,最终提高你的代码开发及设计水平,为成长为前端架构师做好准备
    从0到1手把手编写 React 高质量核心源码
    提升复杂代码设计思维,助你成为编程高手

    视频目录:

    1-1 导学.mp4
    2-1 思想准备01-本章介绍.mp4
    2-2 思想准备02-源码观.mp4
    2-3 思想准备03-React是什么.mp4
    2-4 思想准备04-React架构演进过程.mp4
    2-5 思想准备05-树立数据结构与算法的意识.mp4
    2-6 思想准备06-树立用原子视角看问题的意识.mp4
    2-7 思想准备07-理解React源码学习的基本方法.mp4
    2-8 思想准备08-小结.mp4
    3-1 -本章介绍.mp4
    3-2 -环境搭建.mp4
    3-3 -虚拟DOM与真实DOM的实况对比.mp4
    3-4 -JSX的相关概念和原理.mp4
    3-5 -React和ReactDOM职责划分.mp4
    3-6 -createElement.mp4
    3-7 -render函数.mp4
    3-8 -setPropsForDom.mp4
    3-9 -初始化渲染调试.mp4
    3-10 -思考题.mp4
    3-11 -小结.mp4
    4-1 本章介绍.mp4
    4-2 组件概念介绍.mp4
    4-3 实现函数组件的基础功能.mp4
    4-4 类组件的基本实现.mp4
    4-5 类组件的更新机制分析.mp4
    4-6 类组件setState函数的实现.mp4
    4-7 类组件setState函数的实现.mp4
    4-8 事件合成机制原理介绍.mp4
    4-9 实现事件合成机制.mp4
    4-10 实现事件合成机制.mp4
    4-11 ref原理分析.mp4
    4-12 原生标签和类组件ref的实现.mp4
    4-13 引入forwardRef的底层逻辑.mp4
    4-14 forwardRef的实现.mp4
    4-15 组件相关代码调试.mp4
    4-16 思考题与解答.mp4
    4-17 小结.mp4
    5-1 -本章介绍.mp4
    5-2 原理分析.mp4
    5-3 原理分析.mp4
    5-4 源码实现-简单场景-1.mp4
    5-5 源码实现-简单场景-2.mp4
    5-6 源码实现-复杂场景-1.mp4
    5-7 源码实现-复杂场景-2.mp4
    5-8 源码实现-代码调试.mp4
    5-9 源码实现-代码调试.mp4
    5-10 -思考题和解答.mp4
    5-11 -小结.mp4
    6-1 -本章介绍.mp4
    6-2 -生命周期的本质.mp4
    6-3 -生命周期图的观察.mp4
    6-4 -常用生命周期函数案例.mp4
    6-5 -常用生命周期函数代码实现.mp4
    6-6 -shouldComponentUpdate案例.mp4
    6-7 -shouldComponentUpdate源码实现.mp4
    6-8 -getDefirvedStateFromProps案例.mp4
    6-9 -getDefirvedStateFromProp源码实现.mp4
    6-10 -getSnapshotBeforeUpdate案例.mp4
    6-11 -getSnapshotBeforeUpdate源码实现.mp4
    6-12 -生命周期函数代码调试.mp4
    6-13 -思考题与解答.mp4
    6-14 -本章小结.mp4
    7-1 -本章介绍.mp4
    7-2 -PureComponent案例.mp4
    7-3 -PureComponent源码实现.mp4
    7-4 -memo案例.mp4
    7-5 -1-memo源码实现.mp4
    7-6 -2-memo源码实现.mp4
    7-7 -代码调试.mp4
    7-8 -思考题.mp4
    7-9 -小结.mp4
    8-1 -本章介绍.mp4
    8-2 -Hooks概况.mp4
    8-3 -useSstate案例观察.mp4
    8-4 -useState源码实现.mp4
    8-5 -useReducer案例观察.mp4
    8-6 -useReducer源码实现.mp4
    8-7 -useEffect及useLayoutEffect源码实现.mp4
    8-8 -useEffect及useLayoutEffect源码实现.mp4
    8-9 -useRef案例和源码.mp4
    8-10 -useImperativeHandle案例和源码.mp4
    8-11 -useMemo及useCallback案例.mp4
    8-12 -useMemo及useCallback源码实现.mp4
    8-13 -代码调试.mp4
    8-14 -思考题及解答.mp4
    8-15 -小结.mp4
    9-1 -本章介绍.mp4
    9-2 -为什么需要Fiber架构.mp4
    9-3 -Fiber架构是什么.mp4
    9-4 -Fiber是什么.mp4
    9-5 -双缓冲策略.mp4
    9-6 -工作循环.mp4
    9-7 -并发模式.mp4
    9-8 -思考题及解答.mp4
    9-9 -本章小结.mp4
    10-1 -本章介绍.mp4
    10-2 -环境准备.mp4
    10-3 -jsxDev代码实现.mp4
    10-4 createRoot-1.mp4
    10-5 createRoot-2.mp4
    10-6 -createRoot的类型表达实现及调试.mp4
    10-7 -render函数阶段划分.mp4
    10-8 updateContainer代码实现-1.mp4
    10-9 -2updateContainer代码实现.mp4
    10-10 -1-scheduleUpdateOnFiber.mp4
    10-11 scheduleUpdateOnFiber-2.mp4
    10-12 beginWork1-1.mp4
    10-13 beginWork1-2.mp4
    10-14 beginWork2-1.mp4
    10-15 beginWork2-2.mp4
    10-16 -beginWork调试.mp4
    10-17 -completeWork1.mp4
    10-18 completeWork2-1.mp4
    10-19 completeWork2-2.mp4
    10-20 -completeWork3.mp4
    10-21 -completeWork调试.mp4
    10-22 commitWork代码实现-1.mp4
    10-23 commitWork代码实现-2.mp4
    10-24 -代码调试.mp4
    10-25 -函数组件.mp4
    10-26 -思考题.mp4
    10-27 -小结.mp4
    11-1 -本章介绍.mp4
    11-2 -思路分析.mp4
    11-3 -事件名注册.mp4
    11-4 -注册监听事件.mp4
    11-5 事件派发主要逻辑-1.mp4
    11-6 事件派发主要逻辑-2.mp4
    11-7 -收集监听器函数.mp4
    11-8 -合成事件对象.mp4
    11-9 -事件函数回调.mp4
    11-10 -代码调试.mp4
    11-11 -思考题.mp4
    11-12 -小结.mp4
    12-1 -本章介绍.mp4
    12-2 dom diff思路分析 1.mp4
    12-3 dom diff思路分析 2.mp4
    12-4 -单节点dom diff.mp4
    12-5 多节点dom diff 1.mp4
    12-6 多节点dom diff 2.mp4
    12-7 -多节点dom diff 3.mp4
    12-8 多节点dom diff 4.mp4
    12-9 多节点dom diff 5.mp4
    12-10 -思考题和解答.mp4
    12-11 -小结.mp4
    13-1 -本章介绍.mp4
    13-2 useReducer挂载-1.mp4
    13-3 useReducer挂载-2.mp4
    13-4 -useReducer触发更新.mp4
    13-5 useReducer更新渲染1-1.mp4
    13-6 useReducer更新渲染1-2.mp4
    13-7 -useReducer更新渲染2-1.mp4
    13-8 -useReducer更新渲染2-2.mp4
    13-9 -useReducer更新渲染3.mp4
    13-10 -useReducer调试.mp4
    13-11 -useState.mp4
    13-12 -useEffect挂载-1.mp4
    13-13 -useEffect挂载-2.mp4
    13-14 useEffect更新1-1.mp4
    13-15 useEffect更新1-2.mp4
    13-16 -useEffect更新2.mp4
    13-17 -useEffect调试.mp4
    13-18 -useLayoutEffect.mp4
    13-19 -思考题及解答.mp4
    13-20 -小结.mp4
    14-1 -本章介绍.mp4
    14-2 -本章介绍.mp4
    14-3 -二进制的计算.mp4
    14-4 -最小堆算法原理.mp4
    14-5 -最小堆算法实现-1.mp4
    14-6 -最小堆算法实现-2.mp4
    14-7 -React18优先级体系.mp4
    14-8 -小结.mp4
    15-1 -本章介绍.mp4
    15-2 -调度核心逻辑1.mp4
    15-3 调度核心逻辑2-1.mp4
    15-4 调度核心逻辑2-2.mp4
    15-5 -ReactFiberLane和ReactEventPriority-1.mp4
    15-6 -ReactFiberLane和ReactEventPriority-2.mp4
    15-7 Lane模型下的更新队列-1.mp4
    15-8 Lane模型下的更新队列-2.mp4
    15-9 Lane模型下的更新队列-3.mp4
    15-10 -加入优先级的初始化渲染.mp4
    15-11 -本章小结.mp4
    16-1 -本章介绍.mp4
    16-2 -同步渲染.mp4
    16-3 -并发渲染.mp4
    16-4 -思考题.mp4
    16-5 -小结.mp4

    课程资料:

    react18-core-01-create-root.zip
    react18-core-02-beginWork.zip
    react18-core-03-completeWork.zip
    react18-core-04-commitWork.zip
    react18-core-05-component.zip
    react18-core-06-event01.zip
    react18-core-06-event02.zip
    react18-core-06-event03.zip
    react18-core-06-event04.zip
    react18-core-06-event05.zip
    react18-core-06-event06.zip
    react18-core-06-event.zip
    react18-core-07-domdiff01.zip
    react18-core-07-domdiff.zip
    react18-core-08-hooks01.zip
    react18-core-08-hooks02.zip
    react18-core-08-hooks03.zip
    react18-core-08-hooks04.zip
    react18-core-08-hooks05.zip
    react18-core-08-hooks06.zip
    react18-core-08-hooks07.zip
    react18-core-08-hooks08.zip
    react18-core-08-hooks.zip
    react18-core-09-schedule.zip
    react18-core-10-concurrent.zip
    react18-core-main.zip
    simple-react-master.zip

    完整全套带资料,无加密!任意设备可播放!


    下载地址:
    游客,如果您要查看本帖隐藏内容请回复





    回复

    使用道具 举报

  • TA的每日心情
    擦汗
    9 小时前
  • 签到天数: 2593 天

    连续签到: 409 天

    [LV.Master]伴坛终老

    28

    主题

    1万

    回帖

    4408

    积分

    藏宝阁VIP会员

    积分
    4408
    发表于 昨天 08:00 | 显示全部楼层
    回复

    使用道具 举报

  • TA的每日心情

    昨天 17:23
  • 签到天数: 153 天

    连续签到: 1 天

    [LV.7]常住居民III

    4

    主题

    261

    回帖

    897

    积分

    藏宝阁VIP会员

    积分
    897
    发表于 昨天 17:23 | 显示全部楼层
    回复

    使用道具 举报

  • TA的每日心情
    擦汗
    昨天 22:37
  • 签到天数: 544 天

    连续签到: 2 天

    [LV.9]以坛为家II

    5

    主题

    914

    回帖

    1006

    积分

    藏宝阁VIP会员

    积分
    1006
    发表于 昨天 22:48 | 显示全部楼层
    回复

    使用道具 举报

    懒得打字嘛,点击右侧快捷回复
    您需要登录后才可以回帖 登录 | 注册

    本版积分规则

    快速回复 返回顶部 返回列表