上周排查了一个线上问题：一个用 useReducer 管理表单状态的组件，在某个操作后数据明明已经变了，但界面纹丝不动。用 React DevTools 看，s...

在 React 18 的并发模式（Concurrent Mode）下，组件在开发环境使用 StrictMode 时，useEffect 会执行两次（mount ...

在 React 函数组件里用 useState 管理状态时，经常会遇到一个让人困惑的现象：调用 setState 之后，当前这次渲染中读到的 state 还是旧...

最近在排查一个线上问题时，发现一个组件的定时器在卸载后仍然在跑，导致内存泄漏和额外的请求。代码看起来很正常：useEffect 里启动了 setInterval...

React Query在短短一年内增长了50%，现在已被超过20%的React应用使用。是什么推动了开发者如此迅速地采用它？答案在于React Query如何解...

多年来，React 开发者习惯使用 useContext 在全局共享状态，而不用把 props 一层层传递下去。虽然这种方式可行，但即将到来的 use() AP...

React Hooks 已经问世多年，但大多数代码库仍然以同样的方式使用它们：用点 useState，过度使用 useEffect，以及大量不经思考就复制粘贴的...

在中文、日文、韩文等输入法环境下，React 的受控输入组件经常出现一个隐蔽却影响体验的问题：用户正在拼音输入时，输入框的内容会被意外重置或光标跳到末尾。比如一...

单轮对话的大模型是「答题机器」，而真正能干活的是 Agent——给它一堆工具，它能自己决定先查什么、再算什么、最后做什么。但 Agent 怎么编排，直接决定了它...

在用 React 开发列表和表单时，经常遇到一个现象：父组件状态一变，所有子组件都跟着重渲染，哪怕传给子组件的 props 完全没变。为了避免这种浪费，很多人会...

在 React 项目里给 window 或 document 绑定键盘快捷键、滚动监听、点击外部关闭下拉菜单，是再常见不过的需求。很多人会写在 useEffec...

在一个列表页里，需要根据筛选条件请求后端数据，同时支持手动刷新。我把筛选条件存在 filter 对象里，然后在 useEffect 里发起请求，依赖数组写了 [...

搜索框输入防抖、切换 Tab 加载不同列表、路由参数变化后重新拉取数据——这些场景里如果不对异步请求做竞态处理，很容易出现“旧请求覆盖新请求”的 bug。典型表...

在 React 函数组件里用 useEffect 发请求拉数据很常见，比如搜索框输入关键字后请求联想列表、切换 Tab 时加载不同分类的内容、路由参数变化后重新...

在 React 项目里用 useEffect 发请求拉数据，几乎是每个前端都写过的代码。但很多人会碰到两个问题：快速切换页面或筛选条件时，旧请求的结果覆盖了新请...

在react中，性能优化其实有很多种方法，但有些是通用的，不管是vue还是react均可，在这里，我们先来看看组件层面的性能优化。

哈喽小伙伴们，上一期文章为大家分享了vue相关的面试题，今天，我们一起来看看react相关的内容~

一篇实用的实战讲解：使用 React Three Fiber 和 GLSL 构建一个弯曲的 3D 商品网格，涵盖着色器、动画与性能。