SuperAPI AI 工具集

react-native-skills-vercel

前端与建站

查看项目

更新于 10-16 07:25

技能介绍

用途:为 React Native 和 Expo 应用开发提供一套按优先级组织的规则,覆盖性能、动画、UI 模式与平台优化,适合在构建组件、优化列表滚动、实现 Reanimated 动画、处理图片媒体、配置原生模块或字体、以及组织含原生依赖的 monorepo 时查阅。

主要能力:规则按优先级分为八类。列表性能(CRITICAL,前缀 list-performance-)包括用 FlashList 虚拟化大列表、记忆化列表项、稳定回调引用、避免内联样式对象、把函数提取到渲染外、优化列表图片、将昂贵计算移出列表项、异构列表使用 item types。动画(HIGH,animation-)只动画 transform 与 opacity、用 useDerivedValue 计算动画、用 Gesture.Tap 替代 Pressable。导航(HIGH,navigation-)优先原生 stack 与原生 tabs。UI 模式(HIGH,ui-)用 expo-image、Galeria 灯箱、Pressable、处理安全区、contentInset、原生上下文菜单与模态、用 onLayout 而非 measure()、StyleSheet.create 或 Nativewind。状态管理(MEDIUM,react-state-)减少订阅、dispatcher 模式、首渲染 fallback,以及 React Compiler 相关解构与 shared values 处理。渲染(MEDIUM,rendering-)文本包在 Text 组件、避免 falsy && 条件渲染。Monorepo(MEDIUM,monorepo-)原生依赖留在 app 包、跨包统一版本。配置(LOW,fonts-、imports-)用 config plugin 配置字体、组织设计系统导入、提升 Intl 对象创建。

使用方式:阅读各规则文件获取详细说明与代码示例,如 rules/list-performance-virtualize.md、rules/animation-gpu-properties.md;每个规则文件含原因说明、错误示例、正确示例与参考。完整指南见 AGENTS.md。

限制:资料未提供安装命令、收费方式、平台支持范围或实际效果数据。