expo-best-practices

Expo and React Native done right. Expo Router file-based navigation, EAS Build, expo-image,
expo-secure-store, config plugins, platform-specific code, and TypeScript navigation params.
> AI coding assistants set up React Navigation manually, suggest deprecated expo build, store
> tokens in AsyncStorage, and use the built-in Image component. This plugin keeps your agent on the
> current Expo SDK patterns.
Install
Cursor / Claude Code / Windsurf
Or copy skills/ into your .cursor/skills/ or .claude/skills/ directory.
What's Included
| Type | Name | Description |
| ------- | --------------------- | ------------------------------------------------------------------------- |
| Skill | expo-best-practices | 12 rules for Expo Router, EAS Build, expo-image, config plugins, and more |
| Rule | best-practices | Always-on behavioral rule that enforces current Expo patterns |
| Command | /audit | Scan your codebase for Expo / React Native anti-patterns |
What Agents Get Wrong
| What the agent writes | What Expo best practice is |
| -------------------------------------- | -------------------------------------- |
| Manual React Navigation setup | Expo Router file-based routing |
| expo build:ios | EAS Build (eas build) |
| AsyncStorage for tokens | expo-secure-store for sensitive data |
| React Native | expo-image with caching and blurhash |
| Editing ios/ and android/ directly | Expo config plugins |
| expo-av for video/audio | expo-video and expo-audio |
| Hardcoded app.json | app.config.ts with dynamic config |
Related Plugins
- tailwind-best-practices - Tailwind CSS v4
patterns (works with NativeWind)
- typescript-best-practices - TypeScript
5.x strict patterns
---
If this helped your workflow, a star helps others find it.