React Core Best Practices 是一份面向 React 开发的规范型技能资料，来自 alicoder001/agent-skills。其核心用途是指导如何组织组件、使用 hooks 和管理状态，并给出受 Vercel 启发的性能优化做法，目标是减少不必要的重渲染、提升代码可维护性。
主要能力与建议包括：组件结构上，每个组件最多 200 行、保持单一职责，hooks 写在前面，派生状态无需 useState，事件处理器与渲染部分依次排列；派生状态方面，能用普通变量计算的不要用 useState 配合 useEffect，昂贵计算才用 useMemo；状态更新使用函数式写法 setCount(prev => prev + 1) 或对象展开，避免陈旧状态；防重渲染方面，useMemo 使用原始值依赖，useCallback 保持回调引用稳定，子组件用 memo 包裹；事件处理方面，避免在 JSX 中每次渲染新建函数，可用 data-id 配合稳定回调读取数据；还介绍了自定义 hook（如 useLocalStorage）、props 解构与默认值、以及加载/错误/空数据的渲染分支处理。
使用方式为：在 React 开发过程中参照这些模式编写代码，资料给出的示例以 TypeScript（tsx）为主。适用场景是日常 React 组件编写、状态管理重构与性能优化。限制方面，该资料仅提供规范与示例，未提供安装命令、包名、平台支持、收费信息或量化效果；示例中的具体组件与业务逻辑需按项目实际情况调整。