React
6篇文章 · 0订阅
  • react性能优化｜bailout策略
    前面的文章梳理了Fiber架构的render 流程，我们知道 beginWork的目的是为传入的workInprogress fiberNode生成子fiberNode，生成的方式有两种： 通过对比w
    前端 React.js 性能优化
    react性能优化｜bailout策略
  • 300 行代码实现 React 的调度器 Scheduler
    说是实现，但其实我们只是在 React Scheduler 源码的基础上进行简化，省略掉繁琐的细节，添加了丰富的注释，保证代码可直接执行。大家可以复制代码到编辑器中，直接运行，非常适合学习 React
    React.js 前端框架 JavaScript
    300 行代码实现 React 的调度器 Scheduler
  • 阿里三面：灵魂拷问——有react fiber，为什么不需要vue fiber呢？
    本文将从两个框架的响应式设计为切入口讲清：1. 为什么不需要vue fiber；2. 为什么react fiber可以实现断点恢复，不涉及晦涩源码，不管有没有使用过react，阅读都不会有太大阻力。
    React.js 前端框架 前端
    阿里三面：灵魂拷问——有react fiber，为什么不需要vue fiber呢？
  • React 错误处理：最佳实践
    本文主要讨论如何在 React 中捕获和处理错误，介绍了 try/catch 和错误边界（Error Boundary）等方法的适用场景以及优缺点，以及 Dan 给出的一个比较惊艳的错误处理方案。
    前端 React.js
  • useEffect 一定在页面渲染后才会执行吗？
    大多数开发者的观念里，useEffect 一定会在浏览器完成渲染后被异步调用。但事实并非如此，useEffect 并不总是在页面渲染完后后才会被调用，有时也许会在页面渲染前同步调用执行 effect。
    JavaScript React.js 前端
    useEffect 一定在页面渲染后才会执行吗？
  • React中是如何通过$$typeof防止XSS攻击的
    React的核心机制：虚拟DOM。我们平时写的JSX，实际上babel会帮我们转成React.createElement，用来生成虚拟DOM树。以下是源码部分。 ?typeof是个symbol值，不支持symbol的环境会是一个特殊数字，为什么是这个数字？据说因为 0xeac…
    React.js