用途:React 是构建用户界面的库,通过组件、声明式渲染和基于 Hooks 的状态管理来开发前端界面。
主要能力:支持函数组件与箭头函数组件、Props 接口模式、JSX 表达式、条件渲染、列表与 Fragment;提供 useState、useEffect、useRef、useMemo、useCallback、useReducer、useContext 等 Hooks,以及自定义 Hooks(如 useFetch、useLocalStorage、useDebounce);涵盖事件处理、children、Render Props、复合组件等组合模式;性能方面支持 React.memo、lazy 与 Suspense 懒加载,以及类组件 Error Boundary 错误边界。
使用方式:推荐用 Vite 创建项目:npm create vite@latest my-app -- --template react-ts,然后 cd my-app、npm install、npm run dev。也可用元框架:npx create-next-app@latest(Next.js)或 npx create-remix@latest(Remix)。
适用场景:创建 React 组件、管理状态、处理事件、数据获取、主题上下文、性能优化与错误处理等前端界面开发。
限制与最佳实践:保持组件小而单一职责;状态提升到共同祖先;使用 TypeScript;对昂贵操作使用 useMemo、useCallback、memo;避免在 JSX 中使用内联对象或函数;正确使用唯一稳定的 key。常见错误包括直接修改 state、useEffect 缺少依赖、不必要的 useEffect、prop drilling、未清理副作用。资料还列出参考文件 references/hooks.md、references/patterns.md、references/performance.md。