React fiber框架

**fiber:**是一种新的框架,他的目的是实现增量式,可中断的虚拟Dom diff的过程。

作用:提高react性能优化和响应速度

出现原因:diff算法是递归出来的,一次就得全渲染完,而fiber的出现就是解决这个问题的。

解决方法:他是通过把diff拆成一个一个小任务,每个任务叫fiber节点,然后形成fiber树,这就也就意味这现在diff可以排列优先级。

优先级判断:与用户的直接交互 > 页面更新,组件状态更新 > 预加载等(说白了就是先跑html,css然后跑js然后预加载啥的)(这个优先级react不让修改)

react更新流程

react创建虚拟dom > fiber框架调整好diff需要更新的顺序 > diff算法更新

相关推荐
多则惑少则明8 小时前
Vue开发系列——自定义组件开发
前端·javascript·vue.js
用户250694921618 小时前
next框架打包.next文件夹部署
前端
程序猿小蒜8 小时前
基于springboot的校园社团信息管理系统开发与设计
java·前端·spring boot·后端·spring
一叶难遮天8 小时前
开启RN之旅——前端基础
前端·javascript·promise·js基础·es6/ts·npm/nrm
申阳8 小时前
Day 4:02. 基于Nuxt开发博客项目-整合 Inspira UI
前端·后端·程序员
程序猿_极客8 小时前
【期末网页设计作业】HTML+CSS+JavaScript 猫咪主题网站开发(附源码与效果演示)
前端·css·html·课程设计·网页设计作业
IT古董8 小时前
【前端】从零开始搭建现代前端框架:React 19、Vite、Tailwind CSS、ShadCN UI 完整实战教程-第1章:项目概述与技术栈介绍
前端·react.js·前端框架
有点笨的蛋8 小时前
从零搭建小程序首页:新手也能看懂的结构解析与实战指南
前端·微信小程序
爱宇阳8 小时前
Vue3 前端项目 Docker 容器化部署教程
前端·docker·容器
Irene19918 小时前
前端缓存技术和使用场景
前端·缓存