一、 useRoutes 二、createBrowserRouter 三、对比优缺点 四、代码示例： useRouter: function Router() { return useRoutes([

在处理海量数据渲染（如万级甚至十万级列表）时，直接操作 DOM 会导致严重的页面卡顿甚至崩溃。虚拟列表这时就是前端性能优化的“核武器”。

一、问题场景 1.1 业务背景 我们有一个变更日历组件，用于展示每日的需求创建数和服务发布数。用户可以通过多个条件进行筛选： 1.2 原始代码 1.3 问题复现 当用户快速从 1月 → 2月 → 3月

React状态管理指南 引言 在React开发中状态管理一直是开发者面临的核心挑战之一。你是否遇到过这些困惑： 什么时候该用useState，什么时候该用useReducer？

vite-shadcn VITE-SHADCN 是一个基于 Shadcn , Vite , React,Zustand,React-Router 等构建的项目 。已经参照ant-design扩展组件扩

我知道「React 孝子」很多，先别急着骂，看完再说。当你还在 `useState` 的闭包陷阱里跟 React 斗智斗勇，在 `useEffect` 依赖数组里当人肉编译器，在 Zustand 的

👋 Hello 掘金的同学们！ 欢迎回到我们的 AI全栈开发 系列教程！ 不知不觉我们已经一起走到了第 15 天。半个月的坚持，我们从零开始搭建项目，现在的你是不是感觉前后端的交互越来越顺手了？这种打

现象 在社区看到了这样一个问题：Drawer组件设置了getContainer并且项目中使用了autofit.js，在打开时会出现动画和整体页面布局抽动的问题。

曾挑战Ant Design的Arco Design，如今GitHub Issue堆积，IconBox宕机，维护归零！揭秘字节跳动内部赛马，Arco如何被Semi 干翻，KPI开源的坑，社区自救难。

> 作者：刘锦泉 ## 一、前言 在供应链业务系统中，打印是一项**难以被完全数字化替代的基础能力**。尽管系统形态不断向 Web 化、平台化演进，但在仓储、物流、配送等线下环节，大量核心流程依然依

在单页应用（SPA）中，用户频繁切换页面或标签时，若每次切换都重新挂载组件，不仅会导致状态丢失（如表单输入、滚动位置），还会引发不必要的性能开销。Vue 中的 <keep-alive> 组件正是为解决

Bundle Size 减少 90%，重渲染减少 65%。本文用硬核数据证明，Zustand 不仅是更简单的 Redux，更是性能更优的 State Manager。

Vercel 最近发布了 React 最佳实践库，将十余年来积累的 React 和 Next.js 优化经验整合到了一个指南中。 其中一共包含8 个类别、40 多条规则。 这些原则并不是纸上谈兵，而是

在React16.8引入Hooks之前，状态逻辑复用一直困扰着React开发者。Hooks的诞生不仅解决了状态逻辑复用的问题，更重要的是统一了函数组件与类组件的能力边界。作为React中最基础也最核心

在 React 的开发江湖中，状态管理（State Management）始终是一个绕不开的核心话题。如果说 React 组件是构成应用社会的“个体家庭”，那么状态管理就是维持社会运转的“经济系统”。

WindowPet —— 一款使用 Tauri 和 React 构建的宠物叠加应用程序，在屏幕上拥有可爱的宠物、动漫人物等伙伴，支持 Windows、macOS 和 Linux 系统。

前言 react18+那些不常用的hooks汇总 useActionState 官方描述：useActionState 是一个可以根据某个表单动作的结果更新 state 的 Hook。 使用场景：如果

本文分享面试中如何手写 React KeepAlive 组件，实现组件状态缓存和视图切换，提升应用性能。

重拾React之虚拟DOM概念从新学习记录，同时整理了Fiber出现后对整个工作流带来的变化，让你对fiber架构的理解更进一步。