掘金·金石计划

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 生态上。

useMemo 与 useCallback 区别、各自解决什么性能问题、依赖陷阱这是 React 面试里非常高频的问题。你有前端经验，直接从本质、解决的问题、区别、依赖陷阱、实际场景理解会更快。

react的 useState 原理、批量更新机制useState 是 React Hooks 中最核心的 Hook 之一。你可以把它理解成：“函数组件中的状态存储器 + 更新调度器”

react 单向数据流理解在 React 里，“单向数据流（One-Way Data Flow） ” 是最核心的思想之一。简单理解：

react函数组件、类组件、纯组件、受控/非受控组件本质：就是一个函数，接收 props，返回 JSX👉 现在主流写法（配合 Hooks）特点：本质：继承 React.Component 的类

reeact虚拟DOM、Diff算法原理、key的作用与为什么不能用index虚拟 DOM 本质就是一个 JS 对象，用来描述真实 DOM 结构。例如 JSX：会被转换成类似：核心目的：减少真实 DOM 操作

Polyline 组件如何绘制渐变区域？如果你是想做“线下方渐变”（类似折线图面积图），可以：👉 渐变实现：高德原生不支持渐变填充，但你可以：

如何实现RN应用的离线功能、数据缓存策略？在 React Native（RN）里实现“离线可用 + 数据缓存”，本质是两件事：① 本地持久化数据（缓存） ② 网络恢复后的同步策略（离线→在线）

RN中如何处理权限申请（相机、相册、定位、存储）？使用第三方库还是原生封装？在 React Native（RN）里处理权限申请，本质上有两条路：最主流的是 👉 react-native-permissions