react
143篇文章 · 0订阅
  • 面试官惊呼内行！万字解析React Suspense实现原理 🚀🚀
    本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一起加油！期
    前端 React.js 面试
    面试官惊呼内行！万字解析React Suspense实现原理 🚀🚀
  • 什么？react的更新机制居然是“需求排期”？
    开什么玩笑？setState相同的状态值也会引发组件render？react的更新机制居然是需求排期？
    前端 React.js 源码
    什么？react的更新机制居然是“需求排期”？
  • Hook 革命！浅谈 React 新 Hook 的未来与思想
    深入分析 React 新 Hook 的思想懒订阅在性能优化方面的重要性，以useBehaviorSubject为例，讲述如何在保持灵活性的同时，有效防止无效重绘，带来极致的性能优化。
    Preact
  • react性能优化｜bailout策略
    前面的文章梳理了Fiber架构的render 流程，我们知道 beginWork的目的是为传入的workInprogress fiberNode生成子fiberNode，生成的方式有两种： 通过对比w
    前端 React.js 性能优化
    react性能优化｜bailout策略
  • 理解 React 的 commit 阶段
    大家好，我是前端西瓜哥。今天我们来详细讲解一下 React 的 commit 阶段的逻辑。 commit 分三个阶段： BeforeMutation Mutation：在这里更新 DOM Layout
    前端 React.js
    理解 React 的 commit 阶段
  • 可在控制流中调用！React 新 hook 尝鲜
    探索 React 全新的颠覆性 "use" Hook，以无与伦比的灵活性简化 Promise 处理，从而揭示前所未有的异步操作体验。
    前端 React.js
  • React源码中使用的数据结构
    主要说一说React中使用特定数据结构实现的功能以及内部工作原理。代码示例基本都是简化后的源码，只保留了关键逻辑，同时会附带源代码链接。 React版本为17.0.2。 开始前需要了解 ReactEl
    React.js
    React源码中使用的数据结构
  • 如何减少React render次数？ 先了解fiber bailout逻辑！
    render与bailout React创建fiber的逻辑render、bailout。 render：调用render函数（组件），返回JSX，与old fiber进行diff后创建fiber。
    前端
    如何减少React render次数？ 先了解fiber bailout逻辑！
  • 如何优雅地在 React 中使用TypeScript，看这一篇就够了！
    万字长文又来了！单独使用 TypeScript 时没有太多的坑，不过和React结合之后就会复杂很多。本文就来聊一聊TypeScript与React一起使用时经常遇到的一些类型定义的问题。
    前端 React.js TypeScript
    如何优雅地在 React 中使用TypeScript，看这一篇就够了！
  • react新版scheduler
    上节说到了在react16.8版本的scheduler由requestAnimation以及postmessage实现，即对齐frame的方案。根据react官方相关issue的描述，scheduler 中 requestAnimation 构成的循环对CPU的利用率低于新版本…
    React.js