This repository contains comprehensive documentation for getting started with Expo and Material 3 Expressive for cross-platform mobile app development.
An in-depth overview of the Expo platform and its benefits, including:
- Platform Overview - What makes Expo unique in the React Native ecosystem
- Key Benefits - Seven major advantages of using Expo for mobile development
- Use Cases - When Expo is the right choice for your project
Platform-specific setup instructions for getting started with Expo and Material 3 Expressive:
- macOS Setup Guide - Complete instructions for setting up on macOS
- Windows Setup Guide - Complete instructions for setting up on Windows
- First, read Why Expo? to understand the platform's benefits
- Follow the setup guide for your operating system:
- Start building your first app with the provided bootstrap scripts
The repository includes a complete sample application that demonstrates Material 3 Expressive implementation with Expo. Key features include:
- Dynamic Theming - Automatically adapts to light/dark mode with Material You colors
- Typography - Uses Roboto fonts with proper Material 3 text styles
- Component Library - Showcases Paper v5 components with Material 3 styling
- Animations - Fluid motion using Moti for transitions and micro-interactions
- Navigation - Tab-based navigation with Material 3 styling
- Home Screen - Showcases cards, buttons, and surfaces with Material 3 styling
- Profile Screen - Demonstrates lists, avatars, and a floating action button
- Modal Screen - Shows chips, cards, and content presentation
- Expo Router - File-based routing with the latest Expo Router
- React Native Paper - Material 3 components with proper theming
- Expo Material 3 Theme - Dynamic color extraction from the system
- Moti Animations - Spring-based animations for a lively interface
- Type Safety - Full TypeScript implementation
- Expo in a Nutshell - Core concepts and capabilities
- Rapid Development - How Expo accelerates the development process
- Cross-Platform APIs - Native functionality without platform-specific code
- Platform-Independent Workflow - Build for any platform from any OS
- Efficient Updates & Deployment - OTA updates and simplified distribution
- Modern & Maintained - Latest React Native features and regular updates
- Scalability - Growing with your project's needs
- Community Resources - Support and ecosystem benefits
- Quick Start - Bootstrap scripts for immediate setup
- Environment Configuration - Required tools and dependencies
- App Creation - Creating your first Expo app
- Material 3 Integration - Setting up the Material 3 Expressive design system
- Theme Configuration - Customizing appearance for your brand
- Development Workflow - Day-to-day development practices
- Cloud Builds - Using EAS for app building and distribution
- Troubleshooting - Common issues and their solutions
Both setup guides include instructions for integrating Context7 MCP, a powerful tool that provides:
- Up-to-date documentation for Expo and React Native directly in your Cursor IDE
- Instant access to API references, component guides, and code examples
- Simple setup using the web-based MCP server URL
- Contextual help while coding without leaving your development environment
To use Context7, simply type use context7 followed by your Expo or React Native question in Cursor's AI chat panel. This integration significantly speeds up development by providing accurate, current documentation at your fingertips.
- Node.js 22 LTS
- Git
- Android Studio (for Android development)
- Xcode (for iOS development, macOS only)
All documentation includes links to official resources for further reading on specific topics.
To run the sample app:
- Clone this repository
- Navigate to the MyFirstApp directory
- Install dependencies:
npm install - Start the development server:
npx expo start - Use Expo Go on your device or an emulator/simulator to view the app
This documentation is designed to get you from zero to a running Material 3 Expressive app in under an hour, with no guessing and no skipped steps.