学习笔记｜React

Fiber 架构的应用目的，按照 React 官方的说法，是实现增量渲染。我们在上一篇文章里也有对增量渲染做出过简单解释，所谓增量渲染，通俗来说就是把一个渲染任务分解为多个渲染任务，而后将其分散到多个

1. 前置知识 📚 浏览器帧 浏览器渲染原理 时间切片 虚拟 DOM 深入理解 JSX 1.1 浏览器帧 帧 (frame)：动画过程中，每一幅静止的画面叫做帧。 帧率 (frame per seco

1. 前置知识 🔗：如何理解 Virtual DOM ？ 2. 什么是 Diff 算法 在 React 中，真实的 DOM 构造会被模拟成一个虚拟 DOM 树结构，每当数据变化时都会重新构建整个虚拟

1. 背景 在我们初学Hooks的时候，相信很多人都遇到过这样的报错：Hooks can only be called inside of the body of a function compone

1. 前言 在 React 的开发中，我们会经常使用一种特殊的语法来描述 React 的组件，那就是 JSX。JSX 是学习 React 框架必须要了解的核心概念之一。如果从来没有接触过这种语法，当第

本篇文章将以 React 作为切入点，分析理解虚拟 DOM 1. DOM 是什么 对于 DOM 的解释，很多官方文档（比如 MDN ）都是这样描述的：DOM 即文档对象模型，Document Obje

Like us all, React components also take birth, grow, and die! 1. 前言 💬 React 的核心思想是组件化，即按功能封装成一个一个的组件