像素主题
(Fiber架构系列时隔1年半的更新😂,真的是这段时间太忙了) 本文介绍的是React的架构设计中,和性能优化有关的知识点的原理。包括 Diff算法、bailout策略、与Vue…
阅读15分钟
最近笔者腾出了大把的时间,学习了一下React18。 导航 什么是RSC 客户端组件的缺点 服务器组件如何解决问题 使用RSC RSC的缺点 总结一:RSC和RCC RSC对比SSR Next.js下RSC的工作流程 总结二:RSC和SSR 其它 什么是RSC React1…
阅读10分钟
最近笔者腾出了大把的时间,学习了一下React18。 导航 什么是SSR React18之前的旧SSR 手动实现旧SSR 为什么用Next.js React18的新SSR Suspense组件 流式传输Html 流式HTML + Suspense 选择性水合 + Suspense…
最近笔者腾出了大把的时间,学习了一下React18。 导航 什么是批处理? React18之前的批处理 React18的自动批处理 批处理原理 退出批处理 回首React过往的一些重大版本: React 16.0(2017年9月):带来了全新的Fiber…
阅读5分钟
在 React Fiber架构总览 中我们提到,React16的新Fiber架构,将老架构的 递归同步的更新 ,替换为 异步可中断的更新 。这个异步可中断指的就是工作循环的执行中断。 本次我们就主要讲一讲:为什么要使用workLoop…