用途:面向现代前端开发,整理 React、Vue 与 Web 技术相关的开发模式、框架实践与最佳做法,用于构建高性能 Web 应用。
主要能力: 组件模式与自定义 Hooks:函数组件配合 hooks,使用 useState、useEffect、useCallback、useMemo,并给出 useFetch、useLocalStorage、useDebounce 等自定义 Hook 示例。 状态管理:Zustand(含 persist 持久化)与 TanStack Query(useQuery、useMutation、invalidateQueries)。 Next.js / App Router:Server Components、Server Actions(revalidatePath、redirect)、Route Handlers。 样式:Tailwind CSS(配合 clsx、tailwind-merge 的 cn 函数)与 CSS Modules。 性能优化:动态导入与代码分割、React.lazy + Suspense、列表虚拟化(@tanstack/react-virtual)、next/image 图片优化。 测试:React Testing Library 与 userEvent 的组件测试。
使用方式:资料以代码示例形式展示,文档中的代码与命令保持原样,可按需参考其中模式;未提供安装命令与统一运行步骤。
适用场景:React/Vue 项目开发、Next.js 应用、组件与状态设计、前端性能优化、前端组件测试。
限制与常见陷阱:资料列出 useEffect 无限循环、内存泄漏、Props Drilling、过早优化、不安全 HTML 渲染等问题,并给出检测模式与修复建议;还提供 V-1 至 V-5 正则校验(如 useEffect 缺少 cleanup、禁止 dangerouslySetInnerHTML、空依赖数组更新 state、内联样式对象、以数组索引作 key)。适用文件类型为 .tsx、.jsx。其余安装、版本、收费等信息暂未提供。