React Suspense 是 React 16.6 引入的一个特性，它允许组件在渲染之前“等待”某些条件满足，并且能够指定一个加载状态（如旋转的加载指示器），在这个条件满足之前展示给用户。这项特性

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第3天，点击查看活动详情 一、路由懒加载 1、背景 随着前端应用体积的增大，资源加载的优化是我们必须要面对的一个问题，动态加载就是一

Fiber 原理 在 Fiber 出现之前 React 存在什么问题 在 React 16 之前的版本对比更新 VirtualDOM 的过程是采用 Stack 架构实现的，也就是循环加递归。这种对比方

React Fiber原理 React Fiber是React v16中新的协调引擎，它是一种重新实现React核心算法的方式，旨在提高React应用的性能和可维护性。React Fiber的核心思想

在这之前，每开始一个新项目我都是使用现有的脚手架，这非常便于快速地启动一个新项目，而且通用的脚手架通常考虑地更加全面，也有利于项目的稳定开发；不过对于一个小项目，根据需求自己搭建可能会更好，一方面小项目不需要脚手架那么丰富的功能，另一方面可以提高对项目的掌控度以方便后期的扩展。…

「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 单页面应用这个概念，是随着AngularJS、React、Vue 等这些框架的出现而出现的。在多页面应用中，你每次

如果要实现可扩展的组件，在Vue中会通过插槽来实现，那么在React中是否也存在插槽呢？ 实际上在React中是没有插槽这个概念的，因为React非常灵活，可通过以下两种方案来实现类似于vue中的效果

需求 我们自己写了个组件，引用组件时想要在组件中写入内容，并且写入的内容可以被组件识别、控制，用过Vue的同学肯定会立刻想到slot插槽，react也支持插槽功能，下面我们用react开发一个支持插槽

useRef会在所有的render中保持对返回值的唯一引用。因为所有对ref的赋值和取值拿到的都是最终的状态，并不会因为不同的render中存在不同的隔离。