代理与技能
- Agent Skills - Anthropic 的公开代理技能仓库,可与 Claude Code 及其他代理一起使用。
- Expo Skills - 为编码代理提供 Expo 特定知识和最佳实践的代理技能。
- Expo AI Agents Guide - Expo 官方 AI 原生开发文档:代理设置、llms.txt 和最佳实践。
- Claude Code + Expo - 使用 Claude Code 构建、调试和部署 Expo 应用的官方指南。
状态管理
- Zustand - 状态管理的基本要素。
- Jotai - 原始且灵活的原子状态。
- Redux Toolkit - 官方、开箱即用的 Redux 工具集。
- Legend State - 超快状态管理,具备细粒度响应性和内置同步。
开源应用
- Joplin - 注重隐私的笔记应用,支持同步,覆盖所有平台。
- Bluesky - Bluesky 社交应用,支持 Web、iOS 和 Android。
- Expensify - New Expensify:以聊天为中心的财务协作。
- Artsy - 艺术世界尽在掌中。
- Mattermost - Mattermost 的移动应用。
- Rocket.Chat - Rocket.Chat 的移动客户端。
- YouTrack Mobile - JetBrains 的 YouTrack 客户端,支持 iOS 和 Android。
网络
- TanStack Query - 强大的异步状态管理与数据获取。
- apisauce - Axios,带有标准化错误和请求/响应转换。
- react-native-netinfo - 网络状态与连接信息。
- react-native-quick-crypto - Node 加密模块的快速原生实现。
- react-native-network-logger - 应用内 HTTP 请求监控器。
表单与键盘
- React Hook Form - 适用于 React 和 React Native 的高性能表单状态管理和验证。
- Formik - 轻松构建表单,不再烦恼。
- react-native-keyboard-controller - 在 iOS 和 Android 上表现一致的键盘管理器。
- react-native-picker-select - 模拟原生选择界面的选择器。
- react-native-masked-text - 带掩码的文本和输入组件。
- react-native-credit-card-input - 跨平台信用卡输入框。
- react-native-autocomplete-input - 纯 JavaScript 自动完成输入框。
- react-native-multiple-select - 简单的多选组件。
样式与设计系统
- styled-components - CSS-in-JS 样式方案,同样适用于 React Native。
- Emotion - 高性能的 CSS-in-JS 样式组合。
- NativeWind - React Native 的 Tailwind CSS。
- react-native-typography - 像素级完美、外观原生的排版样式。
- Unistyles - 基于 C++ 的 StyleSheet 超集,支持主题和断点,专为新架构构建。
- react-native-safe-area-context - 灵活的安全区域插入处理。
- react-native-edge-to-edge - 在 Android 上轻松实现无边框显示。
- Stacks - 用于构建一致 UI 的布局原语。
存储与数据库
- Drizzle ORM - TypeScript ORM,对 Expo/React Native SQLite 有一流支持。
- RxDB - 本地优先、响应式数据库,可与后端复制同步。
- WatermelonDB - 响应式异步数据库,适用于可扩展的强大应用。
- react-native-mmkv - React Native 最快的键值存储,比 AsyncStorage 快约 30 倍。
- Realm - 移动端对象数据库,SQLite 的替代方案。
- AsyncStorage - 简单、异步、持久的键值存储。
- op-sqlite - React Native 最快的 SQLite 库。
- expo-sqlite - 在 Expo 中访问 SQLite 数据库,支持 Drizzle ORM。
设备端 AI
- AI SDK - 面向 TypeScript 的 AI 工具包;适用于 Expo 和 React Native 应用,支持聊天、流式传输和工具调用。
- react-native-executorch - 由 Software Mansion 提供、基于 ExecuTorch 的声明式设备端 AI 推理。
- react-native-fast-tflite - 支持 GPU 加速的高性能 TensorFlow Lite 推理。
- llama.rn - llama.cpp 的 React Native 绑定,用于在设备上运行 LLM。
UI
- React Native Elements - 跨平台 UI 工具包,提供主题化、可组合的组件。
- NativeBase - 面向移动优先、可访问的 React Native 和 Web 组件库。
- react-native-vector-icons - 可自定义的图标集,支持样式和图像源。
- lottie-react-native - 原生渲染 After Effects 动画。
- react-native-paper - 适用于 Android 和 iOS 的 Material Design 组件。
- Tamagui - 通用 UI 套件和样式系统,带优化编译器,React Native 与 Web 之间 100% 一致。
- react-native-ui-kitten - 基于 Eva Design System 的 UI 库,支持主题化。
- react-native-calendars - 功能丰富的日历组件。
- react-native-svg - 适用于 React Native 和 Web 的 SVG 渲染。
- react-native-modal - 增强、动画、可自定义的模态框。
- gluestack-ui - 基于 Tailwind 风格实用类构建的复制粘贴组件和模式。
- Shoutem UI - 可自定义的 React Native 样式组件集。
- react-native-blur - 原生模糊视图组件。
- react-native-reanimated-carousel - 完全基于 Reanimated 构建的 Swiper/轮播组件,是 snap-carousel 的继任者。
- react-native-pager-view - 原生 ViewPager 和 UIPageViewController 的封装。
- react-native-date-picker - 适用于 Android 和 iOS 的原生日期与时间选择器。
- react-native-copilot - 用于引导的分步式操作提示工具。
- react-native-circular-progress - 带动画的圆形进度指示器。
- react-native-blurhash - 内容加载时显示彩色模糊占位符。
- react-native-svg-transformer - 像在 Web 上一样将 SVG 文件导入为组件。
- react-native-super-grid - 响应式网格视图。
- react-native-confirmation-code-field - 适用于 iOS、Android 和 Web 的 OTP/确认码输入框。
- react-native-qrcode-svg - 基于 react-native-svg 的二维码生成器。
- react-native-country-picker-modal - 带国旗、搜索和本地化的国家选择器。
- react-native-hole-view - 在任何位置裁剪可穿透的孔洞,非常适合引导高亮。
- react-native-progress-steps - 可自定义的进度步骤条。
导航
- React Navigation - React Native 的标准路由和导航库。
- react-native-navigation - Wix 的全原生导航解决方案。
- react-native-screens - 支撑 React Navigation 原生栈的原生导航原语。
- react-native-bottom-tabs - 真正原生的底部标签栏(SwiftUI 和 Material)适用于 React Native。
- Expo Router - 基于 React Navigation 构建的通用 React Native 应用的文件式路由。
Web 与 WebViews
- react-native-web - 在 Web 上运行 React Native 组件和 API。
- react-native-webview - 社区 WebView 组件。
- Solito - React Native + Next.js,为通用应用提供统一导航。
- react-native-inappbrowser - 使用 Chrome Custom Tabs 和 SFSafariViewController 的应用内浏览器。
启动器与样板
- Ignite - Infinite Red 久经考验的样板,带有 CLI 和生成器。
- react-native-boilerplate - TheCodingMachine 的模板,用于构建稳固、可扩展的应用。
- Expo Templates - 官方 Expo 模板,从空白到标签页再到完整导航设置。
其他平台
- react-native-windows - 使用 React 构建原生 Windows 应用。
- react-native-macos - 使用 React 构建原生 macOS 应用。
测试
- Maestro - 无痛声明式移动端 E2E 自动化。
- Detox - 灰盒端到端测试与自动化框架。
- React Native Testing Library - 鼓励良好实践的测试工具。
- Loki - Storybook 的视觉回归测试。
地图与定位
- react-native-maps - 适用于 iOS 和 Android 的 MapView 组件。
- react-native-background-geolocation - 注重电池续航的后台定位,支持运动检测。
- rnmapbox/maps - 用于自定义地图体验的 Mapbox 地图。
- react-native-google-places-autocomplete - 可自定义的 Google Places 自动补全。
- react-native-map-link - 打开用户偏好的地图应用。
调试
- Reactotron - 用于检查 React Native 应用的桌面应用:状态、API 请求、性能。
- Buoy - 内置于应用中的开发工具——并响应你的 AI 代理。
通知
- react-native-firebase - 包含 FCM 消息传递以及完整的 Firebase 套件。
- react-native-notifications - Wix 的通知处理库。
- react-native-onesignal - OneSignal 推送通知 SDK。
- Expo Notifications - 适用于 Expo 应用的推送和本地通知。
服务与集成
- react-native-firebase - 经过充分测试、功能丰富的模块化 Firebase 实现。
- google-signin - React Native 的 Google 登录。
- react-native-app-auth - 基于 AppAuth 的 PKCE 兼容 OAuth2 客户端。
- sentry-react-native - 官方 Sentry SDK,用于崩溃报告和性能监控。
动画与手势
- react-native-reanimated - 高性能动画的标准,运行在 UI 线程上。
- react-native-animatable - 声明式过渡和标准动画。
- react-native-skia - 使用 Skia 渲染引擎的高性能 2D 图形。
- react-native-gesture-handler - 声明式、原生驱动的手势系统。
- Moti - 由 Reanimated 驱动的通用动画库,提供类似 Framer Motion 的 API。
- TypeGPU - 类型安全的 WebGPU 工具包,用于高级 GPU 工作。
MCP 服务器
- mobile-mcp - 用于 iOS、Android、模拟器、仿真器和真机移动自动化的 MCP 服务器。
- ios-simulator-mcp - 用于驱动 iOS 模拟器的 MCP 服务器:与 UI 交互、截图、检查视图层级。
- Expo MCP - Expo 托管的 MCP 服务器:从任何支持 MCP 的代理访问 EAS 日志、文档搜索和部署工作流。
- Maestro - 内置 MCP 服务器的 E2E 测试框架,让代理运行流程并控制设备。
图像与相机
- react-native-vision-camera - 功能强大、高性能的相机库,支持帧处理器。
- react-native-image-picker - 用于选择照片和视频的原生 UI。
- react-native-image-crop-picker - 支持相机、裁剪和压缩的图像选择器。
- react-native-camera-kit - 高性能相机库,支持条码扫描,由 Tesla 开发。
- react-native-image-resizer - 原生调整本地图像大小。
- expo-image - 快速、现代的图像组件,支持缓存和 blurhash。
面板、菜单与提示
- react-native-bottom-sheet - 高性能、可交互的底部面板,支持可配置手势。
- Zeego - 为 React Native 打造的菜单——真正原生的下拉菜单和上下文菜单。
- react-native-actions-sheet - 跨平台 ActionSheet,提供灵活的 API。
- react-native-root-toast - 纯 JavaScript 的提示解决方案。
- react-native-true-sheet - 真正的原生底部面板体验。
- Burnt - 适用于 iOS 和 Android 的原生提示和警告。
- react-native-popup-menu - 可扩展的弹出菜单组件。
- react-native-flash-message - Flashbar 和顶部通知提醒。
- react-native-notifier - 快速简单的应用内通知。
视频与音频
- react-native-video - React Native 的 Video 组件。
- react-native-webrtc - React Native 的 WebRTC。
- react-native-track-player - 功能齐全的音频播放器:后台播放、Android Auto、CarPlay、锁屏控制。
- react-native-sound - 原生播放声音片段。
- react-native-audio-api - 实现 Web Audio API 的高性能音频引擎。
- expo-video - 为 Expo 和新架构打造的现代视频播放。
列表
- FlashList - Shopify 的高性能列表,可直接替代 FlatList。
- recyclerlistview - 开创 React Native 高性能列表先河的回收列表视图。
- Legend List - 纯 JS 编写的高性能列表,专为新架构构建。
系统与设备
- react-native-device-info - 适用于 iOS 和 Android 的设备信息。
- react-native-config - 将环境配置暴露给 JS 和原生代码。
- react-native-permissions - 统一的权限 API。
- react-native-share - 原生分享面板和社交分享。
- react-native-keychain - 安全的钥匙串和密钥库访问。
- react-native-contacts - 原生联系人访问。
- react-native-background-fetch - iOS 和 Android 上的周期性后台回调。
- document-picker - 文档选择器和查看器。
- react-native-haptic-feedback - 恰到好处的触觉反馈,包括 Core Haptics 模式。
- react-native-sensors - 对开发者友好的设备传感器访问。
- react-native-calendar-events - 适用于 iOS 和 Android 的日历事件访问。
- expo-quick-actions - 主屏幕快捷操作和自定义应用图标。
- react-native-ssl-pinning - SSL 固定和 Cookie 处理。
- react-native-background-downloader - 下载和上传大文件,即使应用处于后台。
快速开始
- Upgrade Helper - Web 工具,显示两个 React Native 版本之间的精确差异,实现无痛升级。
- Expo Examples - 展示 Expo API 和集成的示例项目。
- rn-diff-purge - 为 Upgrade Helper 提供支持的原始版本间差异。
- React Native - 官方文档,包括环境设置、指南和 API 参考。
- Expo - 构建 React Native 应用的首选框架:开箱即用的基于文件的路由、原生模块、构建和更新。
- React Native Directory - 可搜索、可筛选的 React Native 库目录,包含维护状态和新架构兼容性信号。
构建库
- create-react-native-library - 脚手架并构建用于分发的 React Native 库。
- Nitro Modules - 极速的原生 C++、Swift 或 Kotlin 模块,带有静态编译绑定。
工具与 IDE
- react-native-rename - 一条命令重命名 React Native 应用。
- Re.Pack - 基于 Webpack/Rspack 的工具包,支持代码分割和 Module Federation,适用于 React Native。
- Radon IDE - VSCode/Cursor 扩展,将编辑器变成功能完整的 React Native IDE,并内置模拟器。
- react-native-bundle-visualizer - 查看哪些包增大了你的打包体积。
- EAS CLI - 从命令行构建、提交和更新 iOS 与 Android 应用。
图表
- react-native-graph - 使用 Skia 构建的漂亮、高性能折线图。
- react-native-gifted-charts - 柱状图、折线图、面积图、饼图、环形图和堆叠图。
- victory-native-xl - 基于 Skia 和 Reanimated 构建,注重性能的图表库。
国际化
- react-native-localize - 应用本地化工具箱:区域设置、时区、货币。
构建、部署与 OTA 更新
- hot-updater - 可自托管的 OTA 更新解决方案,是 CodePush 的替代品。
- EAS - Expo 应用服务:云端构建、应用商店提交和 OTA 更新。
- Fastlane - 自动化 iOS 和 Android 的构建、截图和发布。
支付与变现
- stripe-react-native - React Native 支付官方 Stripe SDK。
- react-native-purchases - RevenueCat SDK,用于应用内购买和订阅。
文本与富文本内容
- react-native-live-markdown - 即插即用的 TextInput 替代品,支持实时 Markdown 格式化,由 Expensify 开发。
- react-native-hyperlink - 让 URL、邮箱和模糊链接可点击。
- react-native-markdown-display - 100% 兼容 CommonMark 的 Markdown 渲染器。
- react-native-responsive-fontsize - 基于设备屏幕尺寸的响应式字体大小。
- react-native-html-to-pdf - 将 HTML 字符串转换为 PDF 文档。
AI 应用构建器
学习
- React Native Docs - 官方指南,始终是入门的最佳选择。
- Expo Tutorial - 官方动手教程,构建通用应用。
- React Native Express - React Native 生态系统的引导式演练。
- Start React Native - William Candillon 关于手势和动画的深度课程。
- Can it be done in React Native? - William Candillon 的 YouTube 系列,重建著名 UI。
保持更新
- This Week In React - 每周通讯,涵盖 React 和 React Native。
- React Native Newsletter - 不定期发布的 React Native 新闻和文章通讯。
- React Native Radio - 由 Infinite Red 制作的长期 React Native 播客。
- Chain React - 美国 React Native 大会,俄勒冈州波特兰。
- App.js Conf - Expo 和 React Native 大会,波兰克拉科夫。
- React Universe Conf - Callstack 的大会(前 React Native EU),波兰弗罗茨瓦夫。