react.js

初学React：请求数据参数未更新 && 数据异步状态更新问题首次点击按钮导致请求参数没有更新问题。原因在于 React 的状态更新是异步的。在 onFinish 函数中，先调用了 setParams 更新筛选参数，然后立即调用 getTableList。但由于 setParams 不会立即修改 params 的值，此时 getTableList 内部读取的仍然是旧的 params，因此第一次请求没有带上新选择的筛选条件。第二次点击时，params 已经更新为上一次的值，所以请求能带上上次的条件，但这次又可能因为同样的原因滞后。

Redux Toolkit 实战使用指南Redux Toolkit 是 Redux 官方推出的高效开发工具集，旨在简化 Redux 核心逻辑编写、减少样板代码，同时内置常用中间件与最佳实践，大幅提升 React 项目中状态管理的开发效率。本文将从实战角度，完整讲解 Redux Toolkit 在 React 项目中实现多模块状态管理、同步 / 异步状态更新的核心流程。

React Hooks最佳实践：写出优雅高效的组件代码React Hooks自React 16.8版本推出以来，彻底改变了我们编写React组件的方式。它让函数组件拥有了状态管理和副作用处理能力，代码更加简洁和可复用。然而，Hooks的使用也有许多最佳实践需要遵循。本文将深入探讨React Hooks的7大核心技巧，帮助你写出更优雅、更高效的React代码。

青青家的小灰灰

金三银四面试官最想听的 React 答案：虚拟 DOM、Hooks 陷阱与大型列表优化概念：将 UI 拆分为独立、可复用的小代码块，称为“组件”（Components）。结构：组件像乐高积木一样，可以嵌套组合。大组件由小组件构成（例如：Page -> Header + Sidebar + Feed -> Post + Comment）。

在 React 中，什么情况下需要用 useCallback 和 useMemo？它们的区别是什么？React 组件为什么会重复渲染？因为：哪怕 props 没变。而且：这就可能导致：于是有了：缓存“函数引用”

React 19 对比 React 16 新特性解析AICoding快速做了一个React19和React16的特性对比网站react19.fufanghao.space

不会敲代码1

前端组件化样式隔离实战：React CSS Modules、styled-components 与 Vue scoped 对比在现代前端开发中，组件化已成为构建用户界面的主流方式。我们将页面拆分为独立、可复用的组件，每个组件管理自己的 HTML、CSS 和 JavaScript。然而，CSS 的设计初衷是全局作用域的 —— 样式一旦定义，就会影响整个页面，这给组件化带来了严峻挑战。

React Hook 入门指南适合新手学习，从零开始理解 React Hook，每个 Hook 都有详细的使用示例Hook 是 React 16.8 引入的一种机制，让你在函数组件中使用状态（state）和其他 React 特性，而无需编写类组件。

React Context 详解：从入门到性能优化本文适合熟悉 Vue 但刚开始学习 React 的开发者，通过 Vue 的 provide/inject 对比来理解 React Context。

青青家的小灰灰

React 反模式（Anti-Patterns）排查手册：从性能杀手到逻辑陷阱在 React 开发中，写出“能跑”的代码很容易，但写出“高效、可维护、无隐患”的代码却需要避开无数陷阱。许多看似合理的写法，实际上隐藏着严重的性能问题或逻辑 Bug。

青青家的小灰灰

告别 Prop Drilling：Context API 的陷阱、Reducer 模式与原子化状态库原理在 React 应用中，状态管理始终是一个核心议题。从早期的 Redux 一家独大，到 Context API 的官方标配，再到如今 Zustand、Jotai 等原子化状态库的崛起，技术选型的变化折射出我们对“状态”理解的深化。

看完就懂 useSyncExternalStoreReact 引入 useSyncExternalStore 也很长一段时间了，但是存在感还不太强。简而言之，它专门用来搞定那些不受 React 内部生命周期控制的外部数据源。

青青家的小灰灰

迈向全栈新时代：SSR/SSG 原理、Next.js 架构与 React Server Components (RSC) 实战随着 React 19 的发布和 Next.js 15 的成熟，React 生态正经历着从“纯客户端渲染（CSR）”向“服务端组件（RSC）”的范式转移。传统的 SSR（服务端渲染）和 SSG（静态站点生成）正在与 RSC 融合，形成一种全新的混合渲染架构。

青青家的小灰灰

透视 React 内核：Diff 算法、合成事件与并发特性的深度解析很多开发者能够熟练使用 React API，但当面对性能瓶颈或奇怪的 Bug 时，往往束手无策。究其原因，是对 React 底层机制缺乏深入理解。本文将从三个核心维度——Diff 算法的演进、合成事件系统的原理、并发模式（Concurrent Features）的实现，带你透视 React 的内核，掌握性能优化的“上帝视角”。

小霖家的混江龙

从 0 到 1 实现一个 useState大家好，我是印刻君。如果你是前端程序员，相信对 React 并不陌生。但你有没有想过，如果 React 没有给你提供 useState，你能否自己实现一个呢？

晓得迷路了

栗子前端技术周刊第 118 期 - Oxfmt Beta、Angular GitHub stars、React 基金会...🌰栗子前端技术周刊第 118 期 (2026.02.23 - 2026.03.01)：浏览前端一周最新消息，学习国内外优秀文章，让我们保持对前端的好奇心。

从零构建一个现代登录页：深入解析 Tailwind CSS + Vite + Lucide React 的完整技术栈在当今前端开发的快节奏世界中，开发者们不再满足于“能用”的界面，而是追求高效、美观、可维护且体验流畅的 UI。而要实现这一目标，一套现代化的技术组合至关重要。

昨晚我输给了一辆AE86

为什么现在不推荐使用 React.FC 了？在 React + TypeScript 项目中，React.FC（即 React.FunctionComponent 的别名）曾经是定义函数组件的常见方式，但如今社区普遍推荐避免使用它，转而直接注解组件的 props 类型。下面我一步步解释原因和演变过程。

不会敲代码1

深入浅出 React 闭包陷阱：从现象到原理React Hooks 的推出让函数组件焕发新生，我们可以用更简洁的代码实现状态和副作用。然而，Hooks 也带来了一些“坑”，其中闭包陷阱是初学者乃至有经验的开发者都容易遇到的问题。本文将从 JavaScript 闭包的基础出发，结合实际的 React 代码，一步步剖析闭包陷阱的成因、表现以及多种解决方案，帮助你彻底理解并避免它。

不会敲代码1

React性能优化：深入理解useMemo和useCallback在React函数组件中，每次状态更新都会导致整个组件函数重新执行。如果组件内部有复杂的计算或者传递了回调函数给子组件，可能会引发不必要的性能开销。React为我们提供了两个重要的Hook：useMemo和useCallback，用于缓存计算结果和函数引用，从而优化组件性能。本文将从浅入深，结合实际代码，带你彻底理解这两个Hook的使用场景和原理。