Skip to content

React Native Knowledge Base Index

A React Native guide for coding agents. Also covers react native index, expo guide index, source coverage, public documentation coverage, all react native topics.

Call get-react-native-guide({ query: "describe the task" }) during a build when the exact topic is unknown. Call it with topic for a deterministic guide, or with no arguments to discover every available topic.

Build momentExample call
Starting an appget-react-native-guide({ query: "set up a new Expo app and decide when to leave Expo Go" })
Building a screenget-react-native-guide({ query: "turn this Figma screen into reusable typed React Native components" })
Looking for codeget-react-native-guide({ query: "code example for single-flight token refresh with Expo SecureStore" })
Building an APIget-react-native-guide({ topic: "expo-api-route-recipes" })
Adding purchasesget-react-native-guide({ query: "RevenueCat entitlement provider, restore purchases, and atomic usage credits" })
Building voiceget-react-native-guide({ topic: "realtime-audio-recipes" })
Building chatget-react-native-guide({ topic: "chat-component-recipes" })
Adding message reactionsget-react-native-guide({ topic: "reaction-system-recipes" })
Adding structured mentionsget-react-native-guide({ topic: "rich-text-composer-recipes" })
Receiving shares from other appsget-react-native-guide({ topic: "share-extension-recipes" })
Building a social feedget-react-native-guide({ query: "microblog-style post cards, media, actions, composer, and people directory" })
Adding navigationget-react-native-guide({ query: "Expo Router protected routes with role-based access and deep links" })
Choosing native UIget-react-native-guide({ query: "should this settings screen use Expo UI universal components or React Native views" })
Following Expo's native UI guidanceget-react-native-guide({ topic: "official-expo-native-ui" })
Migrating a web app to nativeget-react-native-guide({ topic: "official-expo-web-to-native" })
Adding a native libraryget-react-native-guide({ topic: "development-builds" })
Shippingget-react-native-guide({ query: "production EAS build, store submission, and rollback checklist" })

For a UI implementation, combine this with get-ui-principle for visual decisions and get-ux-principle for behavior. After implementation, call get-review-rules.

Guide Map

ConcernTopic
Setup, Expo, project structurereact-native-foundations
Core components, Flexbox, StyleSheet, listscomponents-and-styling
Maintainable screens and platform boundariesreact-native-component-architecture
Expo Router, presentations, auth, roles, deep linksreact-native-navigation
Fetching, streaming, API routes, Supabase, hostingdata-and-backends
Expo UI, SwiftUI, Compose, native stateexpo-native-ui
Semantic tokens and dark modereact-native-theming
Reanimated, gestures, swipe actionsanimation-and-gestures
Push setup and routingpush-notifications
Interactive notification actionsreact-native-notification-actions
Expo dev clients and environmentsdevelopment-builds
OTA updates, channels, workflows, rollbackeas-updates-and-workflows
Jest and Maestroreact-native-testing
Expo Modules, native views, widgets, extensionsnative-modules-and-extensions
Purchases, entitlements, subscriptions, attributionmobile-monetization
SDK upgrades, builds, stores, submissionreact-native-release
Common production application shapesproduction-template-patterns
Auth sessions, secure tokens, protected navigationauth-session-recipes
Validated Expo API routes and provider adaptersexpo-api-route-recipes
RevenueCat entitlements, restoration, usage creditspurchases-and-usage-recipes
Incoming shares, files, playback lifecyclemedia-sharing-audio-recipes
WebRTC voice sessions and short-lived credentialsrealtime-audio-recipes
Durable staged generation, persistence, resumedurable-generation-recipes
Platform files, Expo UI, native statenative-platform-recipes
Typed fetch, cancellation, retries, virtualized listsreact-native-data-client-recipes
Press, swipe, scroll, and reduced-motion codereact-native-animation-recipes
Message rows, reactions, composer, mentions, chat timelinechat-component-recipes
Animated reaction pills, people details, optimistic cache updatesreaction-system-recipes
TenTap and TipTap WebView editor, typed mentions, pasted mediarich-text-composer-recipes
Expo share-extension config, durable intake, destination deliveryshare-extension-recipes
Post cards, media, actions, composer, people and followssocial-feed-component-recipes

Official Expo Skills Snapshot

The knowledge base indexes every skill and Markdown reference in Expo's official expo/skills package. The snapshot is pinned to commit 8bd359f and retains Expo's MIT license. Use an official- topic when you want the upstream Expo material.

Official Expo skillDeterministic topic
Project structureofficial-expo-project-structure
Expo Routerofficial-expo-router
Native UIofficial-expo-native-ui
Expo UIofficial-expo-ui
Data fetchingofficial-expo-data-fetching
Tailwind setupofficial-expo-tailwind-setup
DOM componentsofficial-expo-dom
Web-to-native migrationofficial-expo-web-to-native
Expo Modulesofficial-expo-module
Brownfield integrationofficial-expo-brownfield
Development clientsofficial-expo-dev-client
Expo examplesofficial-expo-examples
App Clipsofficial-expo-app-clip
SDK upgradesofficial-expo-upgrade
App-store submissionofficial-eas-app-stores
EAS Hostingofficial-eas-hosting
EAS Workflowsofficial-eas-workflows
EAS Observeofficial-eas-observe
EAS Update Insightsofficial-eas-update-insights
EAS Simulatorofficial-eas-simulator
Expo skill feedbackofficial-expo-skill-feedback

The EAS topics explain commands that can publish, submit, deploy, or incur costs. Retrieve the guidance first, then ask for approval before running paid or state-changing operations. Use official-expo-skill-feedback only when the user explicitly asks to send feedback.

Code Recipe Topics

The recipe topics are designed for Context7-style retrieval: describe the task and the tool returns focused code plus the invariants around it. The examples use generic domain models and documented public APIs so an agent can adapt them without importing an application-specific brand or architecture.

Every recipe topic contains multiple fenced TypeScript or TSX examples. The seed workflow stores both complete guides and task-sized sections in foundational_docs, including their code fences. Semantic search boosts sections with code, and the MCP response preserves complete fenced blocks instead of cutting a snippet in half.

Use a natural-language query when one task crosses topics:

get-react-native-guide({
  query: "build a social app with an anchored chat timeline, optimistic reactions, virtualized posts, media grids, and follow controls"
})

Public Documentation Baseline

The curated guides cover the same build lifecycle as the recipe map: project setup, components, navigation, data, native UI, theming, motion, notifications, development builds, updates, testing, native extensions, monetization, and release. Version-sensitive behavior is checked against current public documentation, including:

Provenance

Better Design's curated guides use generic examples documented against the public APIs linked in each topic. The official Expo layer is clearly separated, version-pinned, and retains its upstream MIT license and per-file source links. Always verify package APIs, platform rules, and store requirements against the versions installed in the target application.

Use this guidance in your coding agent

Install the Better Design MCP once. Your agent then loads this page with one call.

get-react-native-guide({ topic: "knowledge-base-index" })
claude mcp add --scope user better-design --transport http https://better-design.com/api/mcp --header "Authorization: Bearer <YOUR_API_KEY>"
Browse related design systems