首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
React-源码分析
订阅
小区球王
更多收藏集
微信扫码分享
微信
新浪微博
QQ
14篇文章 · 0订阅
「React进阶」 React全部api解读+基础实践大全(夯实基础2万字总结)
很多同学用react开发的时候,真正用到的React的api少之又少,基本停留在Component,React.memo等层面,实际react源码中,暴露出来的方法并不少,只是我们平时很少用。但是Re
从源码剖析useState的执行过程
代码非常简单,点击button使count+3,count的值会显示在屏幕上。 一. 前置知识 1. 函数组件和类组件 我们来看一个简单的Greeting组件,它支持定义成类和函数两种性质。在使用它时,不用关心他是如何定义的。 如果 Greeting 是一个函数,React 需…
剖析 React 源码:调度原理
这是我的剖析 React 源码的第四篇文章,之前的文章都是具体剖析代码,但是觉得这种方式可能并不是太好。因此从这篇文章开始,我打算把在源码中学习到的内容单独写成一篇文章,这样对于读者来说可能更加的友好。 大家都知道 JS 和渲染引擎是一个互斥关系。如果 JS 在执行代码,那么渲…
剖析 React 源码:组件更新流程二(diff 策略)
这是我的剖析 React 源码的第六篇文章。这篇文章连接上篇,将会带着大家学习组件更新过程相关的内容,并且尽可能的脱离源码来了解原理,降低大家的学习难度。 三篇文章并没有强相关性,当然还是推荐阅读下 前一篇文章。 组件更新归结到底还是 DOM 的更新。对于 React 来说,这…
剖析 React 源码:组件更新流程(一)
这是我的剖析 React 源码的第五篇文章。这篇文章开始将会带着大家学习组件更新过程相关的内容,尽可能的脱离源码来了解原理,降低大家的学习难度。 在另外的两篇文章中你可以学习到如何调和组件及渲染组件的过程。 想必大家都知道大部分情况下多次 setState 不会触发多次渲染,并…
剖析 React 源码:render 流程(二)
这是我的剖析 React 源码的第三篇文章,如果你没有阅读过之前的文章,请务必先阅读一下 第一篇文章 中提到的一些注意事项,能帮助你更好地阅读源码。 此篇文章内容衔接 render 流程(一),当然不看上一篇文章也没什么问题,因为内容并没有强相关。 现在请大家打开 我的代码 并…
剖析 React 源码:先热个身
我 fork 了一份 16.8.6 版本的代码,并且会为读过的代码加上详细的中文注释。等不及我文章的同学可以先行阅读 我的仓库,并且在阅读本系列文章的时候也请跟着阅读我注释的代码。因为版本不同可能会导致代码不同,并且我不会在文章中贴上大段的代码,只会对部分代码做更详细的解释,其…
剖析 React 源码:render 流程(一)
这是我的剖析 React 源码的第二篇文章,如果你没有阅读过之前的文章,请务必先阅读一下 第一篇文章 中提到的一些注意事项,能帮助你更好地阅读源码。 现在请大家打开 我的代码 并定位到 react-dom 文件夹下的 src 中的 ReactDOM.js 文件,今天的内容会从这…
阿姨,React源码好难懂,我不想努力了
应届生小A:在学校用React + antd做过后台管理系统,熟悉React技术栈。 两年前端小B:公司技术栈是React,都用了一年了,我React贼六。 五年前端老C:带团队把公司的粪坑项目用React重构了。React对我来说就跟呼吸一样容易。 小A、小B、老C:要不学学…
React源码解析(四):事件系统
在前面三篇文章中,我们阐述了react组件的构成与生命周期,setState的机制。这次我们来谈谈React的事件处理。 我们通常监听真实DOM。举🌰来说,我们想监听按钮的点击事件,那么我们在按钮DOM上绑定事件和对应的回调函数即可。 遗憾的是若页面复杂且事件处理频率高,那么…