My Skill Lab
Programming & Web DevelopmentIntermediate

React Native Mobile Apps

Build iOS and Android apps with React and Expo.

Taught by Prerana Joshi · Mobile Developer

What you'll learn

  • Create an Expo project with TypeScript and run it on a phone, simulator or emulator
  • Build screens from core components and style them with StyleSheet and Flexbox
  • Render long lists with FlatList and build forms that behave well with the keyboard
  • Set up stack and tab navigation with Expo Router's file-based routes
  • Use the camera, location and notifications through Expo SDK modules with proper permissions
  • Create development and production builds with EAS and submit them to both app stores

About this course

React Native lets you use the React skills you already have to build real iOS and Android apps, and Expo removes most of the native setup pain. This course is for web developers who are comfortable with JavaScript or TypeScript and with React components, props and hooks, and who want to go mobile. You will create a project with create-expo-app, build screens from core components, style them with Flexbox, and render fast lists and forms. You will add file-based navigation with Expo Router, manage state with hooks, Zustand and TanStack Query, and use native device APIs such as the camera, location and notifications. Finally you will produce builds with EAS and submit them to the App Store and Google Play. Along the way you will build a small field-notes app that runs on your own phone.

Course content

7 lessons
  1. 1How React Native and Expo WorkWhat React Native actually renders, why Expo is the recommended start, and running your first app.Preview
  2. 2Core Components, Styling and FlexboxView, Text, Image and Pressable, the StyleSheet API, and how Flexbox differs on mobile.
  3. 3Lists, Forms and Platform DifferencesLong lists with FlatList, text input and the keyboard, and handling iOS and Android differences.
  4. 4Navigation with Expo RouterFile-based routes, stacks, tabs, dynamic segments and passing parameters between screens.
  5. 5State and Data: Hooks, Zustand and TanStack QueryLocal state with hooks, shared client state with Zustand, server data with TanStack Query, and storage.
  6. 6Native Device APIs: Camera, Location and NotificationsRequesting permissions, picking photos, reading location and sending notifications with Expo modules.
  7. 7Building and Submitting with EASApp configuration, development and production builds, over-the-air updates and store submission.