首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
React原理
订阅
心目如画
更多收藏集
微信扫码分享
微信
新浪微博
QQ
12篇文章 · 0订阅
【React Fiber】Fiber源码调试,任务切片、时间切片带来实质性效果一目了然(图解)
前言:之前看过好几篇react源码解读的文章,说实话个人理解能力不高,看过一次也就忘了,奈何自己去看源码又不知道从哪里下手,庞大的底层运行逻辑即使看了你能确定它是这么运行的吗?于是我萌生了一个想法,能
一文了解 history 和 react-router 的实现原理
react-router 版本更新非常快,但是它的底层实现原理确是万变不离其宗,在本文中会从前端路由出发到 react-router 原理总结与分享。
用React从零实现一个Antd4 Form表单 | 项目复盘
在cms后台管理系统中,大家一定绕不开对Form表单的使用,接下来我们就来详细解析下Antd4 Form的背后实现以及数据仓库的知识。其实Form表单就做了以下几件事情: 在一个Form表单里,有很多input、radio等数据项,而这些input、radio要做成受控…
processUpdateQueue源码解析
processUpdateQueue函数的作用是: 计算update, 得到state. 对于class组件, setState(...)会参数一个update, state就是class的state
React源码揭秘3 Diff算法详解
在上一篇文章这里我们讲到,在render阶段的beginWork函数中,会将上次更新产生的 Fiber 节点与本次更新的 JSX 对象(对应ClassComponent的this.render方法返回值,或者FunctionComponent执行的返回值)进行比较。根据比较的结…
一文吃透 React 和 Vue 的多节点 diff 原理
虚拟 DOM 虚拟 DOM 节点是一个 JS 对象,用这个 JS 对象可以表示 DOM 节点、组件节点等。有了虚拟 DOM,能提高整体研发体验和效率,同时也能解决跨平台问题。
React17源码解析(3) —— 深入理解 fiber
本章将介绍以下内容: 为什么需要 fiber、fiber 节点结构中的属性、fiber 树是如何构建与更新的
React 之 Refs 的使用和 forwardRef 的源码解读
React 提供了 Refs,帮助我们访问 DOM 节点或在 render 方法中创建的 React 元素。 React 提供了三种使用 Ref 的方式:
React 之 createElement 源码解读
React 的源码并没有你想象的那么简单,也没有你想象的那么难,本篇带大家了解 createElement 函数背后的实现
从React源码分析渲染更新流程
转前端一年半了,平时接触最多的框架就是React。在熟悉了其用法之后,避免不了想深入了解其实现原理,网上相关源码分析的文章挺多的,但是总感觉不如自己阅读理解来得深刻。于是话了几个周末去了解了一下常用的流程。也是通过这篇文章将自己的个人理解分享出来。 在具体的源码流程分析之前,根…