说说你对fiber架构的理解?解决了什么问题?

在 react16 没有正式公布之前,业界的人员觉得此次的 react16 就叫作 Fiber,足以说明 Fiber 的重要性。fiber 在英文中意为纤维,此处意为比线程还细的单位。Facebook 取名 Fiber 的意思是为了描述一个比线程更小单位的渲染机制
用一句话来描述我所理解的 Fiber 架构:

新的 Fiber 架构改变了以前 react 同步的组件渲染机制,使原来同步渲染的组件如今能够异步化,可中途中断渲染,执行更高优先级的任务,用户体验更好。

解决什么样的问题?
Fiber 的引入主要是为了解决在网页里面用户和网页应用进行交互的问题:github
在 react16 以前的版本中,组建的渲染是同步的动做,若是组件包含不少层子组件,渲染时间比较长,在组件渲染的过程当中又没法被打断,会致使这期间用户没法与网页进行交互。
全部的任务都是按照前后顺序,没有优先级可言,这样就会致使优先级比较高的任务没法优先被执行。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值