📱 React Native & Expo Mastery

📖 Module 1: The Mental Shift — Web to Native

Understand the fundamental differences between web and native development, and set proper expectations for your learning journey.

• Lesson 1.1: Why React Native?
• Lesson 1.2: Web vs Native Mental Models
• Lesson 1.3: What Transfers From React (and What Doesn't)
• Lesson 1.4: The React Native Ecosystem Overview

🔧 Module 2: Development Environment Setup

Set up a complete React Native development environment and understand different development workflows.

• Lesson 2.1: Expo vs Bare React Native
• Lesson 2.2: Installing the Toolchain
• Lesson 2.3: Creating Your First Project
• Lesson 2.4: Development Workflow
• Lesson 2.5: Development Builds

🏗️ Module Project: Set up environment, create first app, run on physical device and simulator

🧱 Module 3: Core Components — The Building Blocks

Master the essential React Native components and understand component-specific props and behaviors.

• Lesson 3.1: View — The Universal Container
• Lesson 3.2: Text — Typography in Native
• Lesson 3.3: Image — Displaying Visual Content
• Lesson 3.4: ScrollView — When Content Overflows
• Lesson 3.5: SafeAreaView — Respecting Device Boundaries
• Lesson 3.6: Pressable — Handling Touch
• Lesson 3.7: TextInput — Capturing User Input
• Lesson 3.8: Switch, ActivityIndicator, and StatusBar

🏗️ Module Project: Build a "Profile Card" component combining all core components

🎨 Module 4: StyleSheet Deep Dive

Master the StyleSheet API, build responsive layouts without CSS media queries, and handle platform-specific styling.

• Lesson 4.1: StyleSheet Fundamentals
• Lesson 4.2: Flexbox in React Native
• Lesson 4.3: Common Layout Patterns
• Lesson 4.4: Responsive Design Without Media Queries
• Lesson 4.5: Platform-Specific Styles
• Lesson 4.6: Dynamic and Conditional Styles
• Lesson 4.7: Organizing Styles at Scale

🏗️ Module Project: Build a responsive card grid that adapts to screen size and platform

📜 Module 5: Lists and Performance

Implement performant lists for any data size, understand virtualization, and handle common list patterns.

• Lesson 5.1: Why ScrollView Isn't Enough
• Lesson 5.2: FlatList Fundamentals
• Lesson 5.3: FlatList Performance Optimization
• Lesson 5.4: FlatList Features
• Lesson 5.5: SectionList for Grouped Data
• Lesson 5.6: Infinite Scroll and Pagination
• Lesson 5.7: FlashList — The Performance Alternative

🏗️ Module Project: Build a social media-style feed with infinite scroll, pull-to-refresh, and multiple content types

🧭 Module 6: Navigation with Expo Router

Implement file-based routing with Expo Router, build all common navigation patterns, and handle deep linking.

• Lesson 6.1: Navigation Concepts
• Lesson 6.2: Expo Router Setup
• Lesson 6.3: Stack Navigation
• Lesson 6.4: Tab Navigation
• Lesson 6.5: Nested Navigation
• Lesson 6.6: Authentication Flows
• Lesson 6.7: Deep Linking
• Lesson 6.8: Advanced Patterns

🏗️ Module Project: Build a multi-tab app with authentication, protected routes, and deep linking

🌐 Module 7: Data Management and Networking

Fetch and manage remote data effectively, implement local storage solutions, and handle offline scenarios.

• Lesson 7.1: Fetching Data
• Lesson 7.2: Data Fetching Libraries
• Lesson 7.3: Local Storage Options
• Lesson 7.4: State Management at Scale
• Lesson 7.5: Forms and Validation
• Lesson 7.6: Offline-First Patterns

🏗️ Module Project: Build a notes app with cloud sync, offline support, and local persistence

📲 Module 8: Native Features and Device APIs

Access device hardware and sensors, implement common native features, and handle permissions properly.

• Lesson 8.1: Permissions
• Lesson 8.2: Camera and Media
• Lesson 8.3: Location Services
• Lesson 8.4: Notifications
• Lesson 8.5: Haptics, Sensors, and Device Info
• Lesson 8.6: Sharing and Linking
• Lesson 8.7: File System

🏗️ Module Project: Build a photo journal app using camera, location, local storage, and sharing

✨ Module 9: Animations and Gestures

Create fluid animations that feel native, implement gesture-based interactions, and understand performance.

• Lesson 9.1: Animation Fundamentals
• Lesson 9.2: React Native Reanimated
• Lesson 9.3: Common Animation Patterns
• Lesson 9.4: Gesture Handler
• Lesson 9.5: Gesture-Driven Animations
• Lesson 9.6: Lottie Animations

🏗️ Module Project: Build an interactive card stack with swipe gestures (like dating apps)

🧪 Module 10: Testing

Learn testing strategies for React Native apps, from unit tests to end-to-end testing.

• Lesson 10.1: Testing Fundamentals
• Lesson 10.2: Unit Testing
• Lesson 10.3: Component Testing
• Lesson 10.4: Integration Testing
• Lesson 10.5: End-to-End Testing

🏗️ Module Project: Add comprehensive test coverage to your notes app

⚡ Module 11: Performance Optimization

Master performance optimization techniques to build fast, responsive React Native apps.

• Lesson 11.1: App Performance Fundamentals
• Lesson 11.2: Rendering Optimization
• Lesson 11.3: Memory Management
• Lesson 11.4: Network Optimization
• Lesson 11.5: Profiling and Debugging

🏗️ Module Project: Profile and optimize your app for 60 FPS performance

🚀 Module 12: Production and Deployment

Build and deploy to app stores, configure app metadata and assets, and implement CI/CD for mobile.

• Lesson 12.1: App Configuration Deep Dive
• Lesson 12.2: Environment Management
• Lesson 12.3: Building with EAS Build
• Lesson 12.4: Over-the-Air Updates
• Lesson 12.5: App Store Deployment
• Lesson 12.6: Crash Reporting and Analytics
• Lesson 12.7: CI/CD Setup

🏗️ Module Project: Deploy your app to TestFlight and Google Play Internal Testing