react-native-basics
掌握React Native基础 - 组件、样式、布局和Expo
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
掌握React Native基础 - 组件、样式、布局和Expo
在开发React Native组件、通过expo-mcp安装包、实现屏幕或遵循RN最佳实践时使用 - 将expo-mcp工作流(add_library, search_documentation)与来自Gifted Chat和Stream的生产模式集成
使用i18next和react-i18next管理国际化字符串和翻译工作流程。在向健身追踪应用程序添加新文本、支持更多语言或实现复数形式和插值时使用。
处理MMKV存储操作和带加密的数据持久化模式。在健身追踪应用程序中实现数据持久化、缓存或用户偏好设置时使用。
在React Native Web项目中实现导航时使用。提供React Navigation模式、深度链接和特定于Web的路由。
一个“不妥协”的React性能检查清单,强制执行严格的重新渲染规则和包审核。
为Raamattu Nyt monorepo创建可重用的React组件包。使用场景:(1) 从应用程序中提取组件到共享包 (2) 创建新的可重用UI组件库 (3) 设计受控/非受控组件的props契约 (4) 实现引擎抽象模式(如GSAP, framer-motion) (5) 将组件与Supabase/Auth/fetching解耦 触发词: "create package", "extract…
来自官方文档的React开发原则。教授组件纯度、状态管理、效果、引用、reducers、上下文以及事件处理模式。在使用hooks编写React组件、管理状态、与外部系统同步、调试重新渲染或选择状态管理方法时使用。
精通React Native开发,包括原生模块、平台特定代码、导航、AsyncStorage、样式、动画以及将应用部署到iOS/Android商店
掌握React Native的样式、导航以及Reanimated动画,用于跨平台移动开发。在构建React Native应用、实现导航模式或创建高性能动画时使用。
根据应用程序的嵌套导航器模式创建导航结构。处理健身追踪应用程序中的类型安全导航、堆栈和标签设置以及屏幕参数管理。
为React Native组件、MST存储和服务实现测试策略,使用Jest、React Testing Library和Maestro。在健身追踪应用程序中编写单元测试、集成测试或端到端测试时使用。
在优化React Native Web性能时使用。提供代码分割、包优化、记忆化以及特定于Web的性能改进模式。
强制执行现代React 19和Next.js App Router模式 - 优先从服务器获取数据、最少使用useEffect、服务器组件、服务器操作以及表单钩子。在审查React/Next.js代码、迁移遗留模式或使用App Router构建新功能时采用。
适用于在React应用程序中诊断渲染缓慢、优化列表渲染或防止不必要的重新渲染时使用。
使用记忆化、代码分割和高效的渲染策略来优化React性能。当优化缓慢的React应用程序、减少包大小或在处理大量数据集时改善用户体验时,请使用这些模式。
主部署 - EAS Build、Fastlane、App Store、Play Store和OTA更新
掌握原生模块 - Turbo Modules、JSI、Fabric和平台桥接
为React Native提供一键式项目创建,包括项目初始化、配置和模板生成。当用户询问关于创建React Native项目、需要初始化一个新的React Native项目或生成React Native项目结构时使用。
用于样式化React Native Web组件。提供StyleSheet API模式、平台特定样式、响应式设计和主题。
现代React模式和原则。Hooks、组合、性能、TypeScript最佳实践。
一个“不妥协”的React性能检查列表,强制执行严格的重新渲染规则和包审核。
创建一个完整的React页面目录(page.tsx, index.ts, styles.css),并集成路由。当需要创建结合组件和布局的新页面、视图或路由处理器时使用。
来自Vercel工程的React和Next.js性能优化指南。包含8个类别中的45条以上规则。