React Native Mobile App Development

What you will be able to do

• Write type-safe modern JavaScript and TypeScript for React Native
• Build interfaces from React components and hooks with core components and responsive styling
• Structure an app with Expo Router, Zustand for client state and TanStack Query for server state
• Integrate REST APIs with validation, authentication and secure token storage
• Keep the app usable offline with AsyncStorage, SQLite and background sync
• Use native modules, push notifications and a test-mode payment flow
• Test with Jest and React Native Testing Library, automate journeys with Maestro, and profile performance
• Ship signed production builds through EAS Build and EAS Submit to the Play Store and App Store

About this course

Syllabus

This syllabus is a draft awaiting instructor review. Topics, order and schedule may change before the first batch is announced.

1. 01JavaScript, TypeScript and React foundations+6 live sessions · 12 hours · The modern JavaScript, TypeScript and React that every React Native screen is built on.

   Learning objectives

   • Use modern JavaScript features and asynchronous code fluently
   • Type components, data and functions with TypeScript
   • Build components with props, state, effects and custom hooks

   Live sessions

   1. 01Modern JavaScript for React Native2 hlet and const, arrow functions, destructuring, spread and rest, modules, array methods, optional chaining and nullish coalescing, promises and async/await.
   2. 02TypeScript essentials2 hTypes and interfaces, unions and narrowing, generics, utility types, typing API responses, and strict mode in a React Native project.
   3. 03TypeScript and JavaScript practice and doubt-clearing2 hGuided exercises on async code and typing real JSON payloads; common mistakes; open questions.
   4. 04React components, props and state2 hJSX, function components, typed props, children, useState, lifting state up, and rendering lists and conditional content.
   5. 05Effects, context and custom hooks2 huseEffect and its dependencies, cleanup, useRef, useContext, useMemo and useCallback, and extracting logic into custom hooks.
   6. 06React review and doubt-clearing2 hDebug common hook mistakes together, including stale closures and effect loops; open questions.

   Practice

   Fifteen TypeScript exercises and a small React component set with a custom hook, checked against tests.

   Assessment

   Quiz on TypeScript, async JavaScript and React hooks.

   You will be able to

   You can write the typed React code that React Native apps are built from.

2. 02Core components, styling and Expo+5 live sessions · 10 hours · Set up an Expo project with development builds and build native interfaces.

   Learning objectives

   • Create and run an Expo app with a development build on emulators and devices
   • Build screens with core components, Flexbox styling and platform differences in mind
   • Render long lists efficiently and handle forms and the keyboard

   Live sessions

   1. 07Expo, development builds and the React Native architecture2 hHow React Native renders native views, the New Architecture at a high level, create-expo-app, Expo Go versus development builds, and running on Android and iOS.
   2. 08Core components2 hView, Text, Image, Pressable, ScrollView, SafeAreaView and Modal; expo-image; accessibility props such as accessibilityLabel and accessibilityRole.
   3. 09Styling and responsive layout2 hStyleSheet, Flexbox in React Native, dimensions and useWindowDimensions, platform-specific styles, dark mode with useColorScheme and a simple theme.
   4. 10Lists and performance-friendly rendering2 hFlatList and SectionList, keys, pagination with onEndReached, pull-to-refresh, an overview of FlashList, and loading, empty and error states.
   5. 11Forms, keyboard handling and week 4 review2 hControlled inputs, React Hook Form with Zod validation, KeyboardAvoidingView; review of learners’ screens and doubt-clearing.

   Practice

   Build the study-planner’s home, task list and add-task screens from a design, working on phones and tablets.

   Assessment

   Assignment: submit the screens with a short note on dark mode, large text and screen-reader labels.

   You will be able to

   You can turn a design into responsive, accessible React Native screens.

3. 03Navigation with Expo Router+3 live sessions · 6 hours · File-based routing, nested navigators and deep links for a multi-screen app.

   Learning objectives

   • Define stacks, tabs and modals with Expo Router
   • Use dynamic routes, typed params and protected routes
   • Relate Expo Router to React Navigation and handle deep links

   Live sessions

   1. 12File-based routing with Expo Router2 hThe app directory, layouts, Stack and Tabs, links and programmatic navigation, and how Expo Router builds on React Navigation.
   2. 13Dynamic routes, modals, guards and deep links2 hDynamic segments and typed routes, modal presentation, redirecting signed-out users, URL schemes, Android App Links and iOS Universal Links concepts.
   3. 14Navigation lab and doubt-clearing2 hWire the study-planner’s screens into tabs and detail routes; debugging navigation state together.

   Practice

   Add tabbed navigation, a task-detail route and a protected settings area to the study-planner.

   Assessment

   Quiz on routing, layouts and deep links.

   You will be able to

   You can design navigation for a real multi-screen app, including deep links.

4. 04State management and data fetching+5 live sessions · 10 hours · Separate client state from server state and keep both predictable.

   Learning objectives

   • Decide where each piece of state belongs
   • Manage client state with Zustand and compare it with Redux Toolkit
   • Fetch, cache and mutate server data with TanStack Query

   Live sessions

   1. 15Client state versus server state2 hLocal, shared and server state; why server data needs caching; Zustand stores, selectors and persistence middleware.
   2. 16Redux Toolkit compared with Zustand2 hSlices, the store and typed hooks in Redux Toolkit; the same feature built both ways and when each is the better fit.
   3. 17Server state with TanStack Query2 hQuery keys, useQuery, caching and stale time, refetch on focus and reconnect, infinite queries for paginated lists.
   4. 18Mutations and optimistic updates2 huseMutation, invalidation, optimistic updates with rollback, and organising code feature-first with an API layer between screens and the network.
   5. 19State review and doubt-clearing2 hRefactor a learner’s study-planner state live; open questions.

   Practice

   Move the study-planner to Zustand and TanStack Query against a mock API, organised by feature.

   Assessment

   Assignment: state refactor with a short write-up explaining where each kind of state lives.

   You will be able to

   You can keep a growing React Native codebase’s state organised and predictable.

5. 05APIs and authentication+4 live sessions · 8 hours · Connect the app to a real backend and sign users in securely.

   Learning objectives

   • Call REST APIs with fetch or axios and validate responses
   • Map failures to user-safe messages with retries where they help
   • Implement sign-up, sign-in, secure token storage, refresh and sign-out

   Live sessions

   1. 20REST API integration2 hfetch versus axios, a typed API client, validating responses with Zod, environment configuration in Expo, and handling network, server and validation errors.
   2. 21Authentication flows2 hEmail and password sign-in, access and refresh tokens, storing tokens with expo-secure-store, refresh with an axios interceptor, session expiry and sign-out.
   3. 22Social sign-in and auth-aware navigation2 hOAuth and PKCE concepts with expo-auth-session, an overview of Google and Apple sign-in requirements, and protecting routes based on session state.
   4. 23Mid-course assessment and doubt-clearing2 hTimed practical assessment covering TypeScript, React, navigation, state and APIs, followed by a walkthrough of solutions.

   Practice

   Connect the study-planner to the provided course API with authenticated, paginated task endpoints.

   Assessment

   Mid-course practical assessment (auto-marked tasks plus instructor review).

   You will be able to

   You can build an authenticated app that works reliably against a real REST API.

6. 06Local storage and offline-first apps+4 live sessions · 8 hours · Store data on the device and keep the app useful without a connection.

   Learning objectives

   • Choose between AsyncStorage, secure storage and SQLite
   • Model and query local data with expo-sqlite
   • Design an offline-first sync strategy with conflict handling

   Live sessions

   1. 24AsyncStorage and secure storage2 hAsyncStorage for preferences, expo-secure-store for secrets, an overview of MMKV, what never to store on a device, and persisting TanStack Query caches.
   2. 25Local databases with SQLite2 hexpo-sqlite, tables and queries, schema migrations between app versions, an overview of Drizzle ORM with SQLite, and exposing data through a repository.
   3. 26Offline-first sync2 hLocal database as the source of truth, an outbox of pending changes, detecting connectivity with NetInfo, background sync and simple conflict resolution.
   4. 27Offline lab and doubt-clearing2 hTest the study-planner in airplane mode and fix the gaps together; open questions.

   Practice

   Make the study-planner offline-first: cached tasks, offline edits queued and synced when the connection returns.

   Assessment

   Assignment: a recorded demo of offline edits syncing, with the sync design explained.

   You will be able to

   You can build apps that stay usable on unreliable mobile networks.

7. 07Native modules, notifications and payments+5 live sessions · 10 hours · Reach platform capabilities, send push notifications and integrate payments safely.

   Learning objectives

   • Use Expo modules, config plugins and custom native code
   • Request device permissions responsibly
   • Deliver push notifications to Android and iOS
   • Integrate a payment SDK in test mode with server-side verification

   Live sessions

   1. 28Native modules and config plugins2 hHow JavaScript reaches native code, the Expo Modules API for writing a small Kotlin and Swift module, config plugins, prebuild and why development builds are needed.
   2. 29Device APIs and permissions2 hexpo-camera, expo-image-picker, expo-location, sharing and linking; runtime permission flows on Android and iOS and explaining why access is needed.
   3. 30Push notifications2 hexpo-notifications, push tokens, Expo Push Service versus sending directly through FCM and APNs, foreground and background handling, and notification taps that deep-link into the app.
   4. 31In-app payments with Razorpay (test mode)2 hPayment flow concepts, creating orders on the server, the Razorpay React Native SDK in test mode in a development build, verifying the payment signature server-side, and store rules on digital goods versus physical services.
   5. 32Integrations review and capstone kick-off2 hDoubt-clearing on native integrations; capstone briefs released and project scopes agreed.

   Practice

   Add a reminder notification, a profile photo from the camera and a test-mode premium upgrade to the study-planner.

   Assessment

   Quiz on native modules, permissions, push notifications and payment verification, plus an approved capstone scope.

   You will be able to

   You can integrate native features, notifications and payments the way production apps do.

8. 08Testing and performance+4 live sessions · 8 hours · Prove the app works with automated tests and keep it fast.

   Learning objectives

   • Write unit and component tests with Jest and React Native Testing Library
   • Automate user journeys end to end with Maestro, and know where Detox fits
   • Find and fix slow renders, re-renders and startup problems

   Live sessions

   1. 33Unit and component tests2 hJest with jest-expo, testing hooks and stores, React Native Testing Library queries and user events, mocking native modules and network calls.
   2. 34End-to-end tests with Maestro2 hWriting Maestro flows for sign-in and task creation, running them on emulators, test data, and an overview of Detox and when teams choose it.
   3. 35Performance profiling2 hReact Native DevTools and the React profiler, Hermes, avoiding unnecessary re-renders, list tuning, image sizes, startup time and bundle analysis.
   4. 36Testing clinic and doubt-clearing2 hWrite missing tests for learners’ capstone code together; open questions on testing and performance.

   Practice

   Bring the study-planner to meaningful test coverage and fix two performance problems found with the profiler.

   Assessment

   Assignment: test suite plus a short before-and-after performance note.

   You will be able to

   You can ship changes with confidence that the app still works and stays smooth.

9. 09Release engineering and capstone+6 live sessions · 12 hours · Build and submit with EAS, automate releases and complete the capstone project.

   Learning objectives

   • Configure EAS Build profiles, environments and app signing
   • Submit builds with EAS Submit and follow store review requirements
   • Automate checks and builds in CI and understand over-the-air updates
   • Deliver and present a complete capstone app

   Live sessions

   1. 37EAS Build and production builds2 heas.json build profiles, development, preview and production builds, environment variables and secrets, Android keystores and iOS credentials managed by EAS, versioning.
   2. 38EAS Submit and store deployment2 hPlay Console internal testing tracks, TestFlight, store listings, data safety and privacy labels, review guidelines and staged rollouts.
   3. 39CI/CD and over-the-air updates2 hRunning type checks, lint and tests in GitHub Actions, triggering EAS builds from CI, and EAS Update for JavaScript-only fixes within store rules.
   4. 40Capstone build lab and doubt-clearing2 hFocused working session on capstone blockers with instructor support.
   5. 41Capstone review2 hLive code and architecture reviews of capstone projects with actionable feedback before final submission.
   6. 42Capstone presentations and final assessment2 hLearners demo their apps; final assessment covering the whole course.

   Practice

   Set up the capstone’s CI workflow, produce an EAS production build and draft its store listing.

   Assessment

   Capstone submission and a final assessment (pass mark 60%).

   You will be able to

   You can take a React Native app from code to a signed, store-ready release.

Teaching formats and fees

Every format teaches the full syllabus live, with the same projects, assessments and certificate rules. The fee is per student for the whole course.

Launch fee — GST treatment to be confirmed.

Fees are set in Indian rupees. Amounts in other currencies are estimates; the amount and currency you would pay are shown before payment once online enrolment opens.

Schedules and batches

Choose the schedule that fits your week. Both teach the same syllabus and the same 84 live hours; only the number of weeks differs.

• Weekday Intensive classes are one hour, so each 2 h syllabus session is taught across consecutive weekday classes.
• Weekend Evening classes run on Saturday and Sunday evenings; the exact time and time zone are set before a batch is confirmed.
• Public holidays are not class days unless the instructor confirms a class. Holidays, instructor leave and cancelled classes move the end date later so no live hours are lost.
• Plan about 6 hours a week of exercises, assignments and project work outside class.
• Group, Duo and One-to-One courses all follow one of these two schedules.

Final project

Certificate

Tools and skills

Where these skills apply

• Cross-platform mobile app development
• React Native feature work on existing product teams
• Web developers extending a React product to mobile
• Mobile release engineering and app maintenance
• Freelance and agency mobile projects

We help you prepare for work; we do not guarantee jobs, placements or salaries. Career resources

Questions about React Native Mobile App Development