用途:为 React、Next.js 项目提供现代前端开发模式参考,帮助编写可维护、性能良好的用户界面。
主要能力:组件模式(组合优于继承、复合组件、Render Props);自定义 Hook(状态切换、异步数据获取、防抖);状态管理(Context + Reducer);性能优化(useMemo、useCallback、React.memo、代码分割与懒加载、长列表虚拟化);表单处理(受控表单与校验);错误边界;动画(Framer Motion 列表与弹窗动画);无障碍(键盘导航、焦点管理)。
使用方式:资料以 TypeScript/React 代码示例呈现,可直接参考其中的组件、Hook 与模式写法,按项目复杂度选用合适模式。
适用场景:React 或 Next.js 前端开发、组件库设计、性能与可访问性优化。
限制:资料未提供安装命令、依赖版本、收费或平台信息,暂未提供;示例中的接口与业务逻辑需按实际项目调整。