首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
react fiber
订阅
LittleOOKnife
更多收藏集
微信扫码分享
微信
新浪微博
QQ
10篇文章 · 0订阅
剖析 React 源码:组件更新流程(一)
这是我的剖析 React 源码的第五篇文章。这篇文章开始将会带着大家学习组件更新过程相关的内容,尽可能的脱离源码来了解原理,降低大家的学习难度。 在另外的两篇文章中你可以学习到如何调和组件及渲染组件的过程。 想必大家都知道大部分情况下多次 setState 不会触发多次渲染,并…
浅析 React Fiber
在 react 进入大家视野之初,Virtual DOM(VDOM)的概念让人眼前一亮,在操作真正的 DOM 之前,先通过 VDOM 前后对比得出需要更新的部分,再去操作真实的 DOM,减少了浏览器多次操作 DOM 的成本。这一过程,官方起名 reconciliation,可翻…
React Fiber架构
写了一篇关于React Fiber架构的文章,详细介绍了React16的整体优化思路,及大致的实现过程, https://zhuanlan.zhihu.com/p/37095662
完全理解React Fiber
目前看过讲的最清楚全面的一篇,想看源码之前先过一下,会容易很多。
这可能是最通俗的 React Fiber(时间分片) 打开方式
写一篇关于 React Fiber 的文章, 这个 Flag 立了很久,这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励,给了我很多动力,所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue,这里…
90行代码,15个元素实现无限滚动
IntersectionObserver API 的用法,以及如何兼容。 如何在React Hook中实现无限滚动。 如何正确渲染多达10000个元素的列表。 无限下拉加载技术使用户在大量成块的内容面前一直滚动查看。这种方法是在你向下滚动的时候不断加载新内容。 当你使用滚动作为…
《React源码解析》系列完结!
距离第一篇《React源码解析(一)》已经过去将近4个月的时间,由于是我第一次进行源码解析相关的写作,思路和文笔还不够成熟。一百多天以来,我基于读者反馈反思这几篇文章中的不足,同时也在不断学习借鉴其他优秀作者的写作方法和写作思路。最终总结出对于自己的源码写作来说,需要改进的几点…
【译】深入理解Mobx
首先,先让我们看一下Mobx的核心概念。 可观察状态(Observable state)。 任何可以变异且可以作为计算值源的值都是state。Mobx可以开箱即用地使绝大多数类型的值(基本类型,数组,类,对象)变成可观察的(甚至深度观察)。 计算值(Computed value…
技术胖的2019新版React全家桶免费视频(84集)
一共84集,从5月4日开始录制,到9月18日完成,5个月时间。如果是一个专业讲师,这进度你会说太慢了,但我的视频都是下班后录制的。今天是个不错的日子,也是我的生日(84年9月18日),标志着我正式进入35岁。在这个特殊的日子里,我献给大家我这将近半年的努力成果,希望更多的小伙伴…
React Fiber
react在进行组件渲染时,从setState开始到渲染完成整个过程是同步的(“一气呵成”)。如果需要渲染的组件比较庞大,js执行会占据主线程时间较长,会导致页面响应度变差,使得react在动画、手势等应用中效果比较差。 为了解决这个问题,react团队经过两年的工作,重写了r…