首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
React源码
订阅
时光屋小豪
更多收藏集
微信扫码分享
微信
新浪微博
QQ
18篇文章 · 0订阅
React源码解析(五):beginWork
前言 本篇是React源码解析系列第五篇。主要学习beginWork。源码版本为v18.2.0。本文对流程进行了一些简化,复杂的dom-diff等后续再涉及。
「原理篇」你真的了解 React18 的并发吗?
理清 React18 并发的整体实现思路,了解 React18 中为什么需要并发,又是如何实现并发的。基于对并发原理的理解,再来学习 React18 中 Suspense、useTransition。
走进React Fiber的世界
Fiber 是对 React 核心算法的重构,facebook 团队使用两年多的时间去重构 React 的核心算法,在React16 以上的版本中引入了 Fiber 架构,其中的设计思想是非常值得我们学习的。 我们知道,在浏览器中,页面是一帧一帧绘制出来的,渲染的帧率与设备的刷…
彻底搞懂 React 18 并发机制的原理
React 18 最主要的特性就是并发了,很多 api 都是基于并发特性实现的。 那为什么 React 要实现并发?什么是并发?又是怎么实现的呢? 这篇文章我们就一起来探究一下。 首先,我们过一遍 R
你应该知道的React核心原理之任务优先级😎
React是一个声明式,高效且灵活的用于构建用户界面的JavaScript库,React团队一直致力于实现高效渲染。其中可中断渲染、时间切片、`异步渲染等特性是React中很突出的特点,它们的具体实现
学会了Scheduler,你就等于学会了React的核心🙄🙄🙄
React采用了fiber架构来管理所有组件的渲染任务,在reconciler中通过一个函数将fiber树生成逻辑封装到一个一个回调函数中,再传入scheduler进行调度。
React源码核心系列之状态更新原理🤪🤪🤪
在 ReactDOM.createRoot(...)之后都经历了些什么? 迷迷糊糊的讲解了 JSX 和 Fiber 树的结构,那么这篇文章我们将来详细讲解一下整个 React 生命周期的运行流程。 什
【react】什么是fiber?fiber解决了什么问题?从源码角度深入了解fiber运行机制与diff执行
壹 ❀ 引 我在[react] 什么是虚拟dom?虚拟dom比操作原生dom要快吗?虚拟dom是如何转变成真实dom并渲染到页面的?一文中,介绍了虚拟dom的概念,以及react中虚拟dom的使用场景
我把React的渲染原理讲给你听
本文分析源码版本为17.0.1。虽然React现在已经迭代到18+ 版本了,相信大多数项目还是没有跟进更新的,所以个人认为学习老的版本并不过时。因此后续内容在未特殊说明情况下,默认为Sync模式。
基于 React 18 讲解 Hooks 原理
基于 React 18 版本讲解 React Hooks 原理。配合录制的 debug 视频,带大家详细理解 Hooks 在 Fiber 中的运行机制、状态保存逻辑和常见的关于 Hook 的问题。