掘金·金石计划

react批量更新、同步/异步更新场景React 16 到 React 19 期间，批量更新（Batch Update）机制发生了很大变化，尤其是 React 18 引入了自动批量更新（Automatic Batching）。

React 合成事件机制、和原生事件区别、事件冒泡阻止这是 React 面试中的高频题，尤其是中高级前端岗位。可以从 React 合成事件机制 → 与原生事件区别 → 阻止冒泡和默认行为三部分回答。

react 原理与进阶如果你已经有 7 年前端经验，并且做过 React 项目，那么学习 React 不应该停留在：而是应该深入到 React 原理 + 源码 + 性能优化 + 架构设计。

避免不必要渲染：PureComponent、memo、useMemo、useCallback这是 React 面试中高频考点，很多人会背概念，但面试官更喜欢问：PureComponent、memo、useMemo、useCallback 有什么区别？什么时候用？为什么能减少渲染？

懒加载与分包：React.lazy + Suspense这是 React 面试中非常高频的性能优化题。默认情况下：Webpack/Vite 打包时会把这些页面全部打进首屏 Bundle。

js单线程，为什在node环境下的js可以处理高并发请求？这个问题其实是很多人刚学 Node 时最容易混淆的点：JS 单线程 ≠ Node 只能同时处理一个请求

组件复用：HOC、Render Props、自定义Hook 对比在 React 中，组件逻辑复用经历了三个主要阶段：目前 React 官方推荐使用 Custom Hook 进行逻辑复用，但面试中经常会让你比较三者的区别。

react性能优化React 性能优化通常可以分为渲染优化、状态管理优化、组件设计优化、打包优化、网络优化、列表优化、内存优化七大类。

Context 如何实现 Provider 嵌套优化在 React 中，Context.Provider 嵌套过多会导致：例如：将多个 Provider 统一管理。

react的useMemo 如何优化？好的，我们来深入讲讲 React 的 useMemo 以及它的优化思路。我们一步步拆解，确保你能真正理解什么时候用、怎么用，以及可能的坑。

前端如何和蓝牙物联网进行通信和兼容性问题前端与蓝牙物联网（Bluetooth IoT）通信，本质上是在和设备的 GATT（Generic Attribute Profile）服务进行数据交互。对于有 React/RN 背景的开发者来说，重点不仅是“怎么连”，更重要的是理解通信协议、数据格式和兼容性问题。

react全局状态、局部状态、服务端状态如何选型在 React 项目中，状态管理可以分为局部状态（Local State）、全局状态（Global State）和服务端状态（Server State）。很多项目的问题不是技术选型错误，而是把不同类型的状态放到了错误的位置。

Redux 中间件作用（redux-thunk/redux-saga）Redux 中间件（Middleware）本质上是：在 dispatch(action) 到达 reducer 之前，对 action 做增强处理的一层机制。

Redux 核心流程：Action、Reducer、Store、DispatchRedux 的核心思想是：统一状态管理 + 单向数据流。最核心的几个概念就是：Store → Action → Dispatch → Reducer → Store 更新 → 视图更新。

react的Context 跨层传值、优缺点、适用场景React 的 Context（上下文）主要解决跨层级组件传值（Props Drilling）问题，即：父组件的数据需要经过很多层组件，最终传给深层子组件。

react如何解决 Hooks 闭包陷阱React Hooks 的“闭包陷阱（stale closure）”本质是：函数拿到的是创建时那一刻的 state/props，而不是最新值。常见出现在 setTimeout、setInterval、事件监听、异步请求、useEffect 中。

react的 useReducer 使用场景、替代 useState 的情况useReducer 是 React 提供的状态管理 Hook，适合处理复杂状态逻辑。很多场景用 useState 能写，但随着状态增多、更新规则复杂，代码会变乱，这时候 useReducer 更适合。

react自定义Hook 写法、规则（只能在组件/自定义Hook内调用）React 自定义 Hook（Custom Hook）本质上是：把组件中可复用的状态逻辑抽出来。你做过 React，应该见过 useState、useEffect，自定义 Hook 就是在这些基础上封装逻辑。

node开发生态Node.js 的生态非常大，不只是“写后端”。很多前端、构建工具、CLI、桌面应用、AI 工具都跑在 Node 生态上。