Vigyata.AI
Is this your channel?

Build and Deploy 3 Full-Stack React Native Apps That'll Get You Hired | Full 10-Hour Course

603.2K views· 8,795 likes· 628:00· Aug 8, 2025

🛍️ Products Mentioned (18)

🚀 Tool that I use: Get 10% off with code JSMASTERY Openclaw VPS Setup: https://jsm.dev/openclaw-hostinger Learn how to use OpenClaw with me: https://jsm.dev/openclaw-course Kick off your iOS/Android mobile development with React Native and Expo by creating a mobile movie app, a Real Estate app with Google Authentication and dynamic routing, and a Food Delivery app featuring search, filters, cart, smooth navigation, and scalable backend. 💫 Set up Appwrite: https://jsm.dev/rn25-appwrite ⭐ Join JS Mastery Pro: https://jsm.dev/rn25-jsm 💎 Become a Top 1% Next.js Developer: https://jsm.dev/rn25-nextjs 📙 Complete Path to JavaScript Mastery Course: https://jsm.dev/rn25-cpjsm 📘 React Native Pro Course Waitlist: https://jsm.dev/rn25-course 📘 TailwindCSS Pro Course Waitlist: https://jsm.dev/rn25-tailwind 📘 Backend Pro Course Waitlist: https://jsm.dev/rn25-backend 📘 React Pro Course Waitlist: https://jsm.dev/rn25-react 📁 FREE Video Kits (Code, Figma, Assets) 1st - Movie App: https://jsm.dev/rn25-movie 2nd - Real Estate: https://jsm.dev/rn25-restate 3rd - Food Delivery: https://jsm.dev/rn25-food Sentry: https://jsm.dev/rn25-sentry WebStorm: https://jsm.dev/rn25-webstorm Junie: https://jsm.dev/rn25-junie Rate us on TrustPilot: https://jsm.dev/trustpilot https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery Business Inquiries: contact@jsmastery.pro Time Stamps: 00:00:00 — Introduction 00:06:19 — #1 Crash Course & Movie App 00:08:31 — Why React Native? 00:12:19 — React Native Fundamentals 00:22:53 — Project Overview (Movie App) 00:24:53 — Intro & Setup 00:33:20 — Setup Styling 00:42:15 — Routing & Navigation 01:04:47 — Customize App Title & Icon 01:07:00 — Home Screen UI 01:15:58 — TMDB API 01:25:25 — Custom Hook 01:31:57 — Fetch & Display Movies 01:52:18 — Develop Search Screen 02:10:55 — Appwrite Setup 02:28:20 — Show Trending Movies 02:45:09 — Hide StatusBar 02:47:35 — Movie Details 03:08:28 — Optimization 03:12:37 — #2 Real Estate App 03:15:20 — Project Setup 03:25:20 — Setup Routes 03:31:12 — Setup Nativewind 03:37:04 — Setup Fonts and Assets 03:49:04 — Develop Sign In Screen 03:57:10 — Setup Appwrite & Google oAuth 04:02:39 — Setup SDK & Auth functions 04:12:34 — Integrate Authentication 04:28:25 — Implement Tabs Navigation 04:35:29 — Profile Screen 04:49:57 — Implement Home screen UI 05:25:07 — Home Screen Lists 05:33:04 — Appwrite DB Setup 05:44:59 — Database Seed 05:55:20 — Fetch Properties 06:00:41 — Display Data 06:15:15 — Explore Screen 06:22:20 — Details Screen 06:27:16 — #3 Food Delivery App 06:29:26 — Project Setup 06:39:12 — NativeWind Setup 06:58:55 — Home Screen 07:22:19 — Routing 07:31:45 — Setup Appwrite 07:35:25 — Auth Screens 08:03:17 — Auth Functionality 08:21:59 — Sentry 08:33:46 — Store 08:46:40 — Tab Navigation 08:56:41 — Database Architecture 09:09:20 — Seed Database 09:16:57 — Search Screen 09:34:39 — Menu Item Component 09:40:32 — Search and Filtering 10:05:21 — Cart Store 10:23:45 — Next Steps

About This Video

So you want to become a mobile engineer and not spend weeks in 97-tab rabbit holes, bouncing between crash courses, Reddit threads, and 2019 Medium posts just to ship a screen with a useless button. In this 10-hour course, I walk you through building three real-world, full-stack React Native apps from start to finish—beginner-friendly, but built with real-world practices in mind. We kick off with a React Native crash course where I explain what React Native really is, why it’s so popular, and how the new architecture (JSI, Turbo Modules, Fabric) makes performance “not slow anymore.” From there, we build a modern Movie App using Expo with file-based routing (it’s honestly starting to feel like Next.js on mobile), custom tab navigation, search, a full details screen, and a trending algorithm powered by Appwrite—tracking user searches so recommendations are based on real activity. I also show you the core building blocks (View, Text, FlatList, ScrollView, SafeAreaView, touchables), styling approaches like NativeWind (Tailwind CSS for React Native), and how to set up your project the right way with TypeScript foundations. By the end, you’ll have a clean, scalable workflow for shipping real iOS/Android apps fast—and a portfolio that actually helps you get hired.

Frequently Asked Questions

🎬 More from JavaScript Mastery