SuperAPI AI 工具集

react

前端与建站

查看项目

更新于 10-16 01:15

技能介绍

用途:React 是用于构建用户界面的 JavaScript 库,核心是可组合组件,并以声明式方式将 UI 描述为状态的函数。文档见 https://react.dev/llms.txt。

主要能力:内置常用能力,减少对外部包的依赖。辅助无障碍的稳定 ID 用 useId(),而非 uuid 或 Math.random 来关联 label 与输入;延迟或防抖 UI 更新用 useDeferredValue() 或 useTransition(),而非 lodash debounce;代码分割用 React.lazy() 配合 <Suspense>,无需额外打包插件或动态导入包装;乐观 UI 用 useOptimistic()(React 19+),无需手动状态编排;接入外部 store 用 useSyncExternalStore();表单 action 状态用 useActionState()(React 19+);记忆化交由 React Compiler(babel-plugin-react-compiler)自动处理,不必到处手写 useMemo/useCallback。

使用要点:状态更新是异步的,setState 之后立即读取会得到旧值;新值依赖旧值时使用函数式更新 setState(prev => ...),更新后的值在下次渲染中读取。StrictMode 下 useEffect 会故意运行两次:开发环境会挂载、卸载再重新挂载,用于暴露缺失的清理逻辑,这不是 bug;带订阅、定时器或事件监听的 effect 始终要返回清理函数。列表 key 必须稳定且唯一,用数组索引作 key 会在重排或过滤时破坏状态保留,应使用数据中的稳定 ID(如 item.id)。Server Components 中 'use client' 的位置很重要:放在 layout 或 page 根节点会把整棵子树转为客户端代码,消除 Server Component 的收益,应尽量把 'use client' 下沉到树中最小的交互叶子组件。

适用场景:使用 React 构建界面,或需要了解 hooks、状态管理、副作用、服务端组件等实现方式时。

限制:资料未提供收费、价格、支持的平台及其他未提及细节。