重学 React

🧭 Vue 人学 React Router 特别有优势？ 如果你长期使用 Vue，初次接触 React Router 会有一种“莫名熟悉”的感觉：嵌套路由、动态参数、编程式导航……甚至连 <route

🧱 基础弹窗搞定了？那该进阶了！ 之前我们已经搞定了一个基础版的 Modal 组件，实现了以下功能： ✅ 打开/关闭控制 ✅ 内置确认和取消按钮 ✅ 使用 Portal 挂载到 body ✅ 自动缓存

用了这么久 React，是时候自己封装个组件玩玩了。这次我们不讲虚的，从 0 开始动手写一个 Modal，支持受控、Portal 挂载等功能，写完你绝对能吹...

面试官冷冷一笑，盯着我手里的简历。 “你说你写过 React 项目？” “是的。” “那……受控组件和非受控组件，讲讲。” 我心头一震，表面淡定地微笑，脑子却飞快回想起那些我曾无数次敲下的 `v

☠️ 死亡面试题重现 面试官露出神秘微笑："请渲染这个10万条数据的数组..." 我：👌告辞...

在 Vue 中，我们曾经依赖 mixin 来实现逻辑复用，它简洁、方便，但在大型项目中也暴露出种种问题：变量来源不明、命名冲突、逻辑耦合…… 本文将带你从 Vue 的角度出发，理解自定义 Hook

🧠 为什么我们需要 useReducer？ 还记得你第一次用 useState 管理多个状态时的痛苦吗？ 当业务越做越复杂，状态越来越多，useState 变得捉襟见肘。逻辑分散、更新混乱，不小心还会

在 Vue 中我们可能依赖 Vuex + computed 进行状态共享和性能优化，而在 React 里呢？不需要用 Redux，靠 `useContext`、`memo`、`useMemo` 三剑客

🧠 React 的状态管理多麻烦？ 如果你刚开始写 React，可能会遇到这些情况： props 一层层传，像接力赛； 兄弟组件想用一个变量，得倒腾 lifting state...

对 Vue 开发者来说，初见 `useMemo` 很容易以为它就是 React 版的 `computed`，但真相可能让你大吃一惊：它**不是**响应式的魔法工具，也不是你随手就该加的性能“神器“..

如果你是从 Vue 转到 React 的开发者，初见 useRef 可能会想：这不就是 React 版的 ref 吗？但真相是 —— 它能做的，比你想象得多得多。

前言 如果你刚从 Vue 进入 React 世界，useEffect 可能是你最容易踩坑的 Hook。它看起来像 Vue 的生命周期函数，实际却大不相同。 你是不是也遇到过这些疑惑？ “它到底是 mo

作为 Vue 转 React 的前端，我刚开始接触 useState 时踩了不少坑。这篇文章我会用尽量通俗的方式，帮你彻底掌握它的用法和原理！