SuperAPI AI 工具集

vercel-react-native-skills

前端与建站

查看项目

更新于 10-16 07:26

技能介绍

用途:为 React Native 和 Expo 应用开发提供一套按优先级组织的最佳实践规则,适用于构建组件、优化列表与滚动性能、实现 Reanimated 动画、处理图片与媒体、配置原生模块或字体,以及组织含原生依赖的 Monorepo 项目。

主要能力与规则分类(按优先级):列表性能为 CRITICAL,含虚拟化(大列表用 FlashList)、列表项组件 memo 化、稳定回调引用、避免内联样式对象、函数提到渲染外、列表图片优化、把昂贵计算移出列表项、异构列表用 item types。动画为 HIGH,含仅动画 transform 与 opacity、用 useDerivedValue 计算动画、用 Gesture.Tap 替代 Pressable。导航为 HIGH,建议用原生 stack 与原生 tabs 替代 JS 导航器。UI 模式为 HIGH,含统一用 expo-image、用 Galeria 做图片灯箱、用 Pressable 替代 TouchableOpacity、处理安全区域、用 contentInset 处理头部、原生上下文菜单与原生模态、用 onLayout 而非 measure()、用 StyleSheet.create 或 Nativewind 定义样式。状态管理为 MEDIUM,含最小化状态订阅、回调用 dispatcher 模式、首屏显示 fallback、为 React Compiler 解构函数、处理 shared values。渲染为 MEDIUM,含文本包在 Text 组件中、避免用 falsy && 做条件渲染。Monorepo 为 MEDIUM,含原生依赖放在应用包内、各包使用统一版本。配置为 LOW,含用 config plugin 配置自定义字体、组织设计系统导入目录、提升 Intl 对象创建。

使用方式:按需阅读对应规则文件,如 rules/list-performance-virtualize.md、rules/animation-gpu-properties.md;每个规则文件包含原因说明、错误代码示例、正确代码示例及补充参考。完整展开文档见 AGENTS.md。

适用场景:React Native 与 Expo 移动应用开发与性能优化。

限制:资料未提供安装命令、代码内容、收费方式、定价或平台支持等细节,相关内容暂未提供。