首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
flyzz177
掘友等级
前端开发
|
字节
不要内卷啊
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
1
文章 1
沸点 0
赞
1
返回
|
搜索文章
flyzz177
前端开发 @字节
·
1年前
关注
深入react源码看setState究竟做了什么?
前言 在深究 React 的 setState 原理的时候,我们先要考虑一个问题:setState 是异步的吗? 首先以 class component 为例,请看下述代码...
赞
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
细说react源码中的合成事件
最近在做一个功能,然后不小心踩到了 React 合成事件 的坑,好奇心的驱使,去看了 React 官网合成事件 的解释,这不看不知道,一看吓一跳... SyntheticE...
赞
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
React Context源码是怎么实现的呢
目前来看 Context 是一个非常强大但是很多时候不会直接使用的 api。大多数项目不会直接使用 createContext 然后向下面传递数据,而是采用第三方库(rea...
赞
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
从react源码看hooks的原理
React暴露出来的部分Hooks 功能描述 useState、useReducer: 状态值相关 useEffect、useLayoutEffect: 生命周期相关 us...
赞
1
分享
flyzz177
前端开发 @字节
·
1年前
关注
从recat源码角度看setState流程
setState setState() 将对组件 state 的更改排入队列批量推迟更新,并通知 React 需要使用更新后的 state 重新渲染此组件及其子组件。其实s...
1
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
从源码角度看React-Hydrate原理
Demo 这里,我们在 index.html 中直接返回一段 html,以模拟服务端渲染生成的 html 注意,root 里面的内容不能换行,不然客户端hydrate的时候...
赞
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
react源码分析:深度理解React.Context
给 Context.Provider 的 value 对象地址不会发生变化,这使得子组件中使用了 useSelector -> useContext,但不会因顶层数据而进行...
2
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
react源码分析:组件的创建和更新
这一章节就来讲讲ReactDOM.render()方法的内部实现与流程吧。 因为初始化的源码文件部分所涵盖的内容很多,包括创建渲染、更新渲染、Fiber树的创建与diff,...
赞
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
react的useState源码分析
前言 简单说下为什么React选择函数式组件,主要是class组件比较冗余、生命周期函数写法不友好,骚写法多,functional组件更符合React编程思想等等等。更具体...
赞
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
react源码中的生命周期和事件系统
这一章我想跟大家探讨的是React的生命周期与事件系统。 jsx的编译结果 因为前面也讲到jsx在v17中的编译结果,除了标签名,其他的挂在标签上的属性(比如class),...
赞
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
react源码分析:实现react时间分片
我们常说的调度,可以分为两大模块,时间分片和优先级调度 时间分片的异步渲染是优先级调度实现的前提 优先级调度在异步渲染的基础上引入优先级机制控制任务的打断、替换。 本节将从...
赞
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
react源码中的fiber架构
先看一下FiberNode在源码中的样子 FiberNode 我们看FiberNode这个构造函数里面只是赋值,我们再找一下链路上的Fiber,我们发现在函数createF...
赞
1
分享
flyzz177
前端开发 @字节
·
1年前
关注
react源码中的hooks
今天,让我们一起深入探究 React Hook 的实现方法,以便更好的理解它。但是,它的各种神奇特性的不足是,一旦出现问题,调试非常困难,这是由于它的背后是由复杂的堆栈追踪...
赞
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
react源码中的协调与调度
requestEventTime 其实在React执行过程中,会有数不清的任务要去执行,但是他们会有一个优先级的判定,假如两个事件的优先级一样,那么React是怎么去判定他...
赞
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
React源码解读之任务调度
React 设计体系如人类社会一般,拨动时间轮盘的那一刻,你便成了穿梭在轮片中的一粒细沙,角逐过程处处都需要亮出你的属性,你重要吗?你无可替代吗?你有特殊权限吗?没有,那不...
赞
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
React源码解读之更新的创建
React 的鲜活生命起源于 ReactDOM.render ,这个过程会为它的一生储备好很多必需品,我们顺着这个线索,一探婴儿般 React 应用诞生之初的悦然。 更新创...
赞
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
react hook 源码完全解读
前言 从React Hooks发布以来,整个社区都以积极的态度去拥抱它、学习它。期间也涌现了很多关于React Hooks 源码解析的文章。本文就以笔者自己的角度来写一篇属...
赞
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
React Context源码是怎么实现的呢
目前来看 Context 是一个非常强大但是很多时候不会直接使用的 api。大多数项目不会直接使用 createContext 然后向下面传递数据,而是采用第三方库(rea...
赞
评论
分享
flyzz177
前端开发 @字节
·
1年前
关注
ReactDOM.render在react源码中执行之后发生了什么?
ReactDOM.render 通常是如下图使用,在提供的 container 里渲染一个 React 元素,并返回对该组件的引用(或者针对无状态组件返回 null)。本文...
赞
评论
分享
下一页
个人成就
文章被点赞
281
文章被阅读
100,270
掘力值
4,110
关注了
0
关注者
163
收藏集
0
关注标签
0
加入于
2022-09-13