用途：该技能面向 React、Next.js 及高性能用户界面的现代前端开发模式，适合在构建组件、管理状态、实现数据获取、优化性能、处理表单、客户端路由与无障碍响应式 UI 时参考。
主要能力：组件模式（组合优于继承、复合组件、Render Props）；自定义 Hook（状态切换、异步数据获取、防抖）；状态管理（Context + Reducer）；性能优化（useMemo、useCallback、React.memo、代码分割与懒加载、长列表虚拟化）；表单处理（受控输入与校验、错误边界）；动画（Framer Motion 列表与弹窗动画）；无障碍（键盘导航、焦点管理）。
使用方式：资料以代码模式示例呈现，需结合项目实际选用合适模式。示例涉及 React、Next.js、Zustand、SWR、React Query、Zod、@tanstack/react-virtual、framer-motion 等，但未提供安装命令或具体配置步骤。
适用场景：构建可维护、高性能的 React/Next.js 界面，处理复杂组件结构、状态与数据流、性能瓶颈、表单校验及无障碍交互。
限制：资料未说明收费、价格、平台支持范围、版本要求或效果保证；部分内容（如 Next.js 服务端组件、Zod 校验）仅在概述中提及，未展开具体实现。