convex-react-native-expo
Convex in React Native (Expo) — Agent Skill
Why this exists
Expo + React Native has a couple of “gotchas” compared to web React when integrating Convex:
- You must configure the deployment URL as
EXPO_PUBLIC_CONVEX_URLand make it available both locally and in EAS builds. (Expo readsEXPO_PUBLIC_*variables at runtime/build time.) - You should initialise
ConvexReactClientwithunsavedChangesWarning: falsein Expo/React Native projects. npx convex devdoes more than start “a server”: it creates/configures the project, creates theconvex/backend folder, and keeps generated types up to date inconvex/_generated.
This skill is a repeatable, “copy/paste safe” workflow to add Convex to an Expo project and keep the frontend and backend in sync.
When to use this skill (triggers)
Use this skill when the user asks for any of:
More from tristanmanchester/agent-skills
designing-beautiful-websites
>-
1.2Kreddit-readonly
>-
359styling-nativewind-v4-expo
>-
225animating-react-native-expo
>-
208track17
Track parcels via the 17TRACK API (local SQLite DB, polling + optional webhook ingestion)
73nextjs-framer-motion-animations
Adds production-safe Motion for React or Framer Motion animations to Next.js apps, including reveal, hover and tap micro-interactions, whileInView, stagger, AnimatePresence, layout and layoutId transitions, reorder, scroll-linked UI, and lightweight route-content transitions. Use when the user asks to add, refactor, or debug Motion or Framer Motion in App Router or Pages Router codebases, especially around server/client boundaries, reduced motion, LazyMotion, bundle size, hydration, or route transitions. Avoid for GSAP-style timelines, WebGL or 3D scenes, heavy scroll storytelling, or CSS-only effects unless Motion is explicitly requested.
70