首页 > 编程语言 >React18内核探秘:手写React高质量源码迈向高阶开发

React18内核探秘:手写React高质量源码迈向高阶开发

时间:2023-07-14 23:56:14浏览次数:42  
标签:渲染 更新 React 源码 React18 组件

第1章 课程简介 试看1 节 | 8分钟
导学介绍课程内容,及你所获得~

第2章 登高望远,手写源码前的思想准备8 节 | 54分钟
建立全局观,为后续在源码中吸取精华做好思想准备,避免就源码而分析源码。

第3章 原始版-初始化渲染:实现最原始的渲染过程11 节 | 122分钟
实现初次渲染的基础逻辑,初步体验源码的魅力。

第4章 原始版-引入函数组件与类组件提升渲染能力17 节 | 205分钟
理解类组件与函数组件的本质,理解组件在React中的地位。

第5章 原始版-对渲染过程进行优化-DOM DIFF11 节 | 147分钟
DOM DIFF是React进行性能优化的一个重要举措,也是面试的常考点。

第6章 原始版-类组件的增强:生命周期14 节 | 134分钟
为类组件添加生命周期的能力,增强类组件的功能。

第7章 原始版-进一步探索对渲染过程的性能优化 9 节 | 84分钟
性能优化的思想贯穿React源码学习的始终。

第8章 原始版-引入日常开发的利器:Hooks内容更新中
Hooks在日常开发中已经取代了类组件,可以说是函数式编程的胜利。

第9章 React18-React 性能革命:Fiber 架构的设计理念内容更新中
Fiber 架构,是 React 性能提升的里程碑,掌握其思想,为后续手写源码打下基础。

第10章 React18-初始化渲染内容更新中
Fiber架构下的初始化渲染与原始版的初始化渲染有什么不同?

第11章 React18-合成事件系统内容更新中
事件合成系统为什么存在?其理论基础是什么?

第12章 React18-组件更新内容更新中
Fiber架构下的更新流程,相较于原始版多了哪些环节。

第13章 React18-Hooks内容更新中
Fiber架构下的Hooks,其代码组织结构有什么特征?

第14章 React18-并发模式与时间切片内容更新中
时间切片的底层原理是什么?并发模式有什么意义?

第15章 React18-Lane模型与优先级内容更新中
二进制在Lane模型中的妙用。

第16章 React18-事分轻重缓急:调度系统内容更新中
最小堆算法的利用,与工作循环的良好配合。

 

download:React18内核探秘:手写React高质量源码迈向高阶开发

 

标签:渲染,更新,React,源码,React18,组件
From: https://www.cnblogs.com/huiset/p/17555368.html

相关文章

  • 在React之下,Context 或者 React-query库该如何选择
    首先,如果是服务器的状态需要用React-query库最方便,如果是客户端的状态用localstate+Context就可以了。 TRANSLATEwithxEnglishArabicHebrewPolishBulgarianHindiPortugueseCatalanHmongDawRomanianChineseSimplifiedHungarianRuss......
  • EaselJS 源码分析系列--第一篇
    什么是EaselJS?事儿还得从Flash说起,因为我最早接触的就是Flash,从Flash入行编程的Flash最早的脚本是Actionscript2.0它的1.0我是没用过。Actionscript2.0与Javascript非常像(es3时代的Javascript)后来又推出了完全面向对象的Actionscript3.0而毕业后的我也......
  • centos7上源码编译安装LAMP的多虚拟主机wordpress,discuz,用lamp.sh脚本实现
    环境:centos7.4apr-1.6.3.tar.gzapr-util-1.6.1.tar.gzhttpd-2.4.33.tar.bz2mariadb-10.2.15-linux-x86_64.tar.gzphp-7.1.18.tar.bz2wordpress-4.9.4-zh_CN.tar.gz1安装包:yumgroupinstall"developmenttools"yuminstallpcre-develope......
  • AI智能识别微信小程序源码-带流量主功能
     AI智能识别微信小程序源码带流量主功能。基于腾讯云ocr识别接口做的识别工具(自动识别图片、证件、车牌、身份证等)。 演示地址:www.runruncode.com/wxapp/19459.html  ......
  • 老杜 JavaWeb 讲解(十) —— HttpServletRequest接口源码分析
    (十二)HttpServletRequest接口源码分析对应视频:21-HttpServletRequest接口12.1介绍HttpServletRequest是一个接口,全限定名称:jakarta.servlet.http.HttpServletRequestHttpServletRequest接口是Servlet规范中的一员。HttpServletRequest接口的父接口:ServletRequest......
  • YOLOX目标检测实战:LabVIEW+YOLOX ONNX模型实现推理检测(含源码)
    (文章目录)前言好长一段时间没更博了,没更新博客的这段时间博主都有在努力产出,前段时间好多朋友私信问我说自己的yolov5模型是比较老的版本,使用LabVIEW推理的时候会报错。为各位朋友新老版本都能兼容,博主这段时间做了一个LabVIEWYOLOv5的插件,里面包含了大部分的新旧版本,老版本的......
  • ckeditor粘贴word图片且图片文件自动上传源码
    ​ 如何做到ueditor批量上传word图片?1、前端引用代码<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>......
  • Spring源码剖析-BeanFactory和ApplicationContext(其一)
    1.在Spring中,BeanFactory和ApplicationContext是两种容器,它们之间的关系是怎样的?我们使用的是哪个?它们的底层原理是什么?以一个SpringBoot的启动类为例:packagecom.example.demo3;importorg.springframework.boot.SpringApplication;importorg.springframework.boot.auto......
  • 【Spring Security】的RememberMe功能流程与源码详解
    相关课程前言今天我们来聊一下登陆页面中"记住我"这个看似简单实则复杂的小功能。如图就是某网站登陆时的"记住我"选项,在实际开发登陆接口以前,我一直认为这个"记住我"就是把我的用户名和密码保存到浏览器的cookie中,当下次登陆时浏览器会自动显示我的用户名和密码,就不用我再次......
  • 实战:单点登录的两种实现方式,附源码
    相关课程最近工作有点忙,好久没更新文章了,正好这两天在整理单点登陆相关的文档,今天趁着小孩睡着了......