React Native Roadmap — Step-by-step Learning Path
Cross-platform mobile app development using React Native
The React Native roadmap
- Internet Basics — beginner
- How the Internet Works — beginner
- DNS & Hosting — beginner
- HTTP/HTTPS & APIs — beginner
- JavaScript — beginner
- Syntax & Variables — beginner
- Data Types & Operators — beginner
- Control Flow — beginner
- Functions & Scope — beginner
- Arrays & Array Methods — beginner
- Objects & Object Methods — beginner
- ES6+ Features — beginner
- Asynchronous JavaScript — beginner
- Fetch API & AJAX — beginner
- Error Handling & Debugging — beginner
- JavaScript Modules — beginner
- JSON & Data Handling — beginner
- Beyond the Browser: JS Runtimes — beginner
- TypeScript — beginner
- TypeScript Basics & Types — beginner
- Interfaces & Type Aliases — beginner
- Functions & Generics — beginner
- Typing React & React Native Components — beginner
- Modules & Project Configuration — beginner
- Advanced Types — beginner
- Developer Tools & Version Control — beginner
- Command Line Basics — beginner
- Code Editor Setup — beginner
- Mobile Debugging Tools — beginner
- Git Basics — beginner
- Branching & Merging — beginner
- Remote Repositories & GitHub — beginner
- Pull Requests & Code Review — beginner
- Git Workflows & Merge Conflicts — beginner
- Mobile Development Fundamentals — beginner
- Mobile OS Landscape: iOS vs Android — beginner
- The Mobile App Lifecycle — beginner
- Screen Sizes, Densities & Responsive Mobile UI — beginner
- Mobile Permissions Model — beginner
- Native vs Cross-Platform vs Hybrid Development — beginner
- React Fundamentals — intermediate
- React Fundamentals & JSX — intermediate
- Components & Props — intermediate
- State & useState — intermediate
- Event Handling — intermediate
- Conditional Rendering & Lists — intermediate
- Forms & Controlled Inputs — intermediate
- useEffect & Side Effects — intermediate
- Context API — intermediate
- Custom Hooks — intermediate
- Basic Performance Concepts (memo, useMemo, useCallback) — intermediate
- React Native Core — intermediate
- Project Setup (Expo vs Bare Workflow) — intermediate
- Core Components (View, Text, Image, ScrollView) — intermediate
- Lists & FlatList/SectionList — intermediate
- Styling with Flexbox & StyleSheet — intermediate
- Handling Touch & Gestures — intermediate
- Platform-Specific Code — intermediate
- Safe Area & Notch Handling — intermediate
- App Icons & Splash Screens — intermediate
- Mini Project: Multi-Screen Static App — intermediate
- Navigation — intermediate
- React Navigation Fundamentals — intermediate
- Stack Navigator — intermediate
- Tab Navigator — intermediate
- Drawer Navigator — intermediate
- Passing Params Between Screens — intermediate
- Deep Linking — advanced
- Device APIs & Native Capabilities — intermediate
- Camera & Media Library Access — intermediate
- Geolocation & Maps — intermediate
- Push Notifications — intermediate
- Device Sensors (Accelerometer, Gyroscope) — intermediate
- Permissions Handling (Runtime Permissions) — intermediate
- Biometric Authentication (Face ID/Touch ID) — advanced
- Data & State Management — intermediate
- State Management (Context/Redux/Zustand) — advanced
- AsyncStorage for Simple Persistence — intermediate
- SQLite / WatermelonDB for Local Databases — advanced
- Offline-First Patterns & Sync Strategies — advanced
- Caching Strategies for Mobile — advanced
- Networking & Backend Integration — intermediate
- Fetch/Axios in React Native — intermediate
- REST API Integration Patterns — intermediate
- Handling Auth Tokens on Mobile — advanced
- WebSockets & Real-Time Updates — advanced
- Background Fetch & Sync — advanced
- Native Modules & Platform-Specific Development — advanced
- Understanding the Native Bridge — advanced
- Writing a Custom Native Module (iOS/Swift) — advanced
- Writing a Custom Native Module (Android/Kotlin) — advanced
- Linking Native Libraries — advanced
- The New Architecture: Fabric & TurboModules — advanced
- Performance Optimization — advanced
- Optimizing List Rendering (FlatList Performance) — advanced
- Image Optimization & Caching — advanced
- Reducing Bridge Traffic — advanced
- Hermes JavaScript Engine — advanced
- Profiling with Flipper — advanced
- Reducing App Startup Time — advanced
- Testing — advanced
- Unit Testing with Jest — advanced
- Component Testing with React Native Testing Library — advanced
- Mocking Native Modules in Tests — advanced
- End-to-End Testing (Detox/Maestro) — advanced
- Authentication & Security — advanced
- Secure Storage (Keychain/Keystore) — advanced
- OAuth & Social Login on Mobile — advanced
- Certificate Pinning — advanced
- Code Obfuscation & Reverse-Engineering Protection — advanced
- Biometric-Gated Sensitive Actions — advanced
- Build, Release & Deployment — advanced
- iOS Build Process — advanced
- Android Build Process — advanced
- Submitting to the App Store — advanced
- Submitting to Google Play — advanced
- Over-the-Air Updates (CodePush/Expo Updates) — advanced
- CI/CD for Mobile (Fastlane, EAS Build) — advanced
- Production Best Practices & Monitoring — advanced
- Crash Reporting (Sentry/Crashlytics) — advanced
- Analytics Integration — advanced
- App Size Optimization — advanced
- Accessibility in Mobile Apps — advanced
- Localization & Internationalization — advanced
- App Store Optimization (ASO) Basics — advanced
- Advanced & Bonus Topics — advanced
- New Architecture Deep Dive (Fabric Renderer) — advanced
- React Native for Web — advanced
- Monorepo Setup for Mobile + Web — advanced
- Wearables & TV App Development — advanced
- Capstone: Production-Ready Cross-Platform Mobile App — advanced