Mobile Engineering: React Native
Ship iOS & Android apps with one codebase
What you'll be able to do
- Build cross-platform mobile apps with React Native
- Navigate between screens and manage app state
- Access device features and native modules
- Publish an app to the App Store / Play Store
Before you start
- JavaScript fundamentals
- React basics (components, state)
- A phone or emulator to test on
Level 1 ·JS, React & TypeScript Foundations
JavaScript & TypeScript Essentials
The language foundation every React Native developer needs.
- Async/await & Promises
- TypeScript interfaces & generics
- Array methods: map, filter, reduce
React Fundamentals
Components, props, hooks, state: the mental model that carries straight to React Native.
- React.dev: Learn Reactdocfree
- Scrimba: Learn Reactcoursefree
- useState & useEffect
- Context API for global state
- Build a Notes app in React
Level 2 ·React Native Core
React Native & Expo Setup
Expo workflow, core components, StyleSheet, platform differences, and debugging.
- React Native Docsdocfree
- Expo Docsdocfree
- William Candillon: React Native (YouTube)videofree
- Run app on iOS & Android simulators
- Core components: View, Text, FlatList, ScrollView
- Platform-specific code with Platform.OS
Navigation: React Navigation v7
Stack, tab, and drawer navigators: building a multi-screen app.
- React Navigation v7 Docsdocfree
- Stack navigator with typed params
- Bottom tab navigator
- Deep linking configuration
Styling: NativeWind & Animations
Tailwind for React Native, Animated API, Reanimated 3, and Gesture Handler.
- NativeWind Docsdocfree
- React Native Reanimated 3 Docsdocfree
- Catalin Miron: RN animations (YouTube)videofree
- Swipeable card with GestureHandler
- Shared element transition
- Animated skeleton loader
State: Zustand + TanStack Query
Server state, optimistic updates, and client state management in React Native.
- Zustand Docsdocfree
- TanStack Query for React Nativedocfree
- Infinite scroll feed with TanStack Query
- Optimistic like button
- Offline-first with MMKV + persist
Level 3 ·Native Features & Backend
Native Device APIs
Camera, location, push notifications, biometrics, and file system via Expo modules.
- Expo Modules API Docsdocfree
- Expo Push Notifications Guidedocfree
- Camera with image picker
- Background location tracking
- Push notification with Expo
Supabase & Firebase Backend
Realtime DB, auth, storage, and cloud functions for your mobile app.
- Supabase auth (email + magic link)
- Real-time chat with Supabase subscriptions
- Image upload to Supabase Storage
App Store & Play Store Submission
Signing, EAS Build, metadata, screenshots, and passing review.
- Expo EAS Build Docsdocfree
- Expo EAS Submit Docsdocfree
- Apple App Store Review Guidelinesdocfree
- EAS Build: iOS & Android production builds
- TestFlight beta distribution
- App published on Play Store (internal track)
Frequently asked
Is the Mobile Engineering: React Native roadmap free?+
Yes. The entire Mobile Engineering: React Native roadmap and every curated resource is free to follow on Commit. You can track your progress, keep a daily streak, and earn a shareable certificate at no cost — there is no paywall.
How long does the Mobile Engineering: React Native roadmap take to complete?+
About 140 hours of focused study across 9 courses and 3 stages. At roughly one hour a day that is about 5 months; you can move faster by studying more each day.
Do I get a certificate for finishing the Mobile Engineering: React Native roadmap?+
Yes. When you complete the roadmap on Commit you receive a verifiable certificate of completion that you can add to LinkedIn and your public Commit profile as proof of what you finished.
Related roadmaps
Make it stick
Copy this roadmap into Commit and turn it into a tracked program with a streak graph, study logging, and a shareable certificate when you finish. Free forever.
Start Mobile Engineering: React Native free