# @udemy on YouTube

- **Type:** Video
- **Original URL:** https://youtube.com/watch?v=9JpT4l-2LlY
- **Gondola URL:** https://gondola.cc/posts/72078257-udemy-youtube
- **Thumbnail:** https://img.gondola.cc/tr:w-,h-,fo-auto/postThumbnails/c063dc5057.jpg
- **Posted:** 2018-11-29T21:23:41.000+00:00
- **Account Owner:** Udemy (@udemy) — https://gondola.cc/udemy

## Caption

Ready to build your first mobile app? In this practical React Native tutorial, Maximilian Schwarzmüller walks you through every step of creating a real cross-platform app—from setup to deployment! 📱

By the end of this video, you'll know how to:

Set up a React Native development environment

Fetch and share real-time geolocation

Display maps and user markers with a third-party library

Connect your app to Firebase for real-time data

Build native mobile apps using only JavaScript!

🔥 Perfect for beginners, this in-depth tutorial covers all the fundamentals you need to launch your app-building journey. It’s time to unlock your mobile dev potential with React Native!

⏱️ Timestamps
00:00 - Intro: What We’ll Build
01:04 - What is React Native?
04:14 - Installing the React Native CLI
06:07 - Using Expo vs Ejecting
08:25 - Exploring the Project Structure
10:00 - Why No HTML/CSS? Native UI Overview
12:04 - Setting Up Android Emulator
13:46 - Running Your App in the Emulator
17:06 - Creating Your First Custom Component
18:48 - Fetching User Geolocation
20:59 - Android Permissions for Location
22:12 - Adding Maps with react-native-maps
26:38 - Setting Initial Map Region
32:02 - Passing User Location as Props
35:03 - Displaying Markers Dynamically
37:22 - Using Firebase as Backend
42:01 - Fetching & Mapping User Data from Firebase
45:25 - Rendering All User Markers
47:03 - Final Thoughts + What’s Next

🚀 Explore Max's full course:
https://www.udemy.com/course/react-native-the-practical-guide

👨‍🏫 About the Instructor:
https://www.udemy.com/user/academind/

📚 More React Native tutorials:
https://www.udemy.com/topic/react-native/

👍 Like this video?
Drop a comment, hit that like button, and subscribe for more!

#ReactNative #MobileAppDevelopment #LearnReactNative #JavaScript #ReactNativeTutorial #Firebase #CrossPlatformApps #MaximilianSchwarzmüller #UdemyInstructor #BeginnerCoding #AppDevelopment #AndroidDev #iOSDev

## Stats

- **Views:** 14,748
- **Likes:** 128
- **Shares:** 0
- **Comments:** 10

## Tags

beginnercoding, iosdev, appdevelopment, maximilianschwarzmüller, learnreactnative, udemyinstructor, reactnative, javascript, reactnativetutorial, androiddev, mobileappdevelopment, crossplatformapps, firebase

---
Copyright (c) Gondola