Hello，大家好，我是 三千。 React 官方已明确建议开发者逐步淘汰 Create React App (CRA) ，转而使用 Vite 等现代框架或工具来创建新项目。 那官方为什么要这样做呢？

图文无关什么是状态保存？假设有下述场景：移动端中，用户访问了一个列表页，上拉浏览列表页的过程中，随着滚动高度逐渐增加，数据也将采用触底分页加载的形式逐步增加，列表页浏览到某个位置，用户看到了感兴趣的项

前言 在 vue 中可以使用 keep-alive 组件去缓存组件，切换到其他页面不会销魂被缓存的组件 而在 react 中则没有这种设计 思路 在 react 中提供了createPortalApi

在 React 16.8 之前，函数组件只能是无状态组件，也不能访问 react 生命周期。hook 做为 react 新增特性，可以让我们在不编写 class 的情况下使用 state 以及其他的 react 特性，例如生命周期。接下来我们便举例说明如何使用 hooks 来模…

监听多个属性的变化需要将属性作为数组传入第二个参数。 实现componentDidUpdate。 使用一个变量count变量来保证在第一次执行的时候不做操作。 封装之后就可以向调用React.useEffect一样使用，不过它不支持多个属性。 如果将代码改为这样就可以接受多个参…

点击进入React源码调试仓库。 上一篇扒一扒React计算状态的原理 之后，我们来分析一下Diff的过程。 fiber上的updateQueue经过React的一番计算之后，这个fiber已经有了新的状态，也就是state，对于类组件来说，state是在render函数里被使…

首先这俩货同属于React的顶层API，即我们import React from 'react';后，可以通过React.xxx的方式来调用。 图中的几个API都是对React元素进行操作的，isValidElement就不赘述了，用来校验入参是否是一个合法的React元素，返…

一 前言 不知不觉 react-router 已经到了 v6 版本了，可能很多同学发现，v6相比之前的 v5 有着翻天覆地的变化，因为最近接触到了 React 的新项目，用到了 v6 版本的 reac

更新：我提交了一个 PR 到 React 官方文档，为其添加了 Render props。 更新2：添加一部分内容来说明 “children 作为一个函数” 也是相同的概念，只是 prop 名称不同罢了。 我认为，高阶组件模式 作为一个在许多基于 React 的代码中流行的代码…