React Native Tutorial for Beginners - Build a React Native App

Build amazing iOS & Android apps with React Native! 🚀 This beginner-friendly tutorial gets you started.

🚀 Ready for a deep dive?

✋ Stay connected:

💡 Why React Native?
- Build apps for both iOS & Android using your web development skills.
- Faster development than native languages.
- Huge developer community and resources.

👉 This tutorial is perfect for you if:
- You know basic React.
- Want to break into mobile app development.
- You value fast development and cross-platform compatibility.

📕 Learn React

🎁 Get the FREE goodies:

📖 TABLE OF CONTENT
0:00:00 Introduction
0:02:20 Prerequisites
0:02:58 What is React Native?
0:04:33 Expo
0:06:19 Setting up the development environment
0:09:17 Your First React Native App
0:14:38 Running on an iOS simulator
0:18:02 Running on an Android emulator
0:26:48 Running on a physical device
0:27:54 Logging
0:29:16 Debugging with Chrome
0:34:27 Debugging in VSCode
0:41:39 Publishing
0:46:30 Fundamental Concepts
0:48:20 View
0:51:08 Text
0:53:50 Image
0:59:25 Touchables
1:04:21 Button
1:06:01 Alert
1:09:55 StyleSheet
1:14:49 Platform-specific code
1:18:06 Layouts
1:18:43 Dimensions
1:22:22 Detecting orientation changes
1:27:39 Flexbox
1:30:56 flexDirection
1:32:48 justifyContent, alignItems and alignSelf
1:37:22 flexWrap and alignContent
1:40:22 flexBasis, flexGrow and flexShrink
1:43:07 Absolute and Relative Positioning
1:45:59 Exercises
1:46:58 Welcome Screen
1:57:55 View Image Screen
2:02:51 Refactoring

#reactnative #reactjs #javascript #coding #programming

[kwenzathanda]

I'm a random learner on YouTube bro and now I know when I see your face it's a stamp of quality. Clear content, fluent accent and intuitive tutorials..! <3 <3

[uxander]

I absolutely love the fact that you tell all your shortcuts during coding. Most of the youtubers dont do that. Thanks!

[piperbates]

For everyone having the Metro Bundler issue: The metro bundler User Interface (which you see Mosh interact with in the video at 13:08 on the browser) is no longer in use (deprecated). Instead, fast forward to 14:07 in the video and you can see how to progress in the terminal instead :)

[mingxingwang]

I have seen many tutorials but this tutorial is the most succinct, clear, and helpful for beginners with a short time. Thank you, Mosh !!! And I hope you build more tutorials like this.

[trendietech]

I like how Mosh can make concepts so easy to understand, and how He adheres to the best coding standards. After I took his React course, his style became like a template for me. You inspired me when I was starting out years ago, and now I am doing the same for struggling or aspiring web developers, my first Youtube video goes live Tonight. I hope to make you proud.

[noorkhorasi]

Hey Mosh. I am also an Educator and have taught 100 of professionals in person. I really appreciate your work and that you teach building an actual app which is so important to completely familiarize with a technology.

This must have taken lot of efforts on your end. Wishing more subscribers to you man.

[arwahsapi]

Your effort in making this tutorial is much appreciated you even put subtitles on it. Thank you for your generosity

[vaibhav]

mosh's way of teaching makes us to love coding ..

[scotthorwood]

I have never used React Native before this course - only dabbled with a few front-end frameworks like Vue, Angular, but this is amazing! It has given me a real kickstart to learn more and enough to build a simple app. Super easy to follow and probably one of the best tutorials I have listened to. If I find the time, I will definitely do the full course. Thanks Mosh!

[AvanaVana]

Despite this being about React Native, one of the best takeaways from this video was what is probably the clearest explanation of flexbox layouts I’ve ever seen.

[mez]

Thank you, dude! I've looked around for a good tutorial on getting started with react-native and this tutorial IS THE BEST. Thanks again!

[UmairAbbasi]

Amazing course Mosh, already a big fan of you. Not only you teach us in the simplest way possible but with the best practices and so many time-saving tips. IMO, your courses are well addressed and honestly save more than 50% of the time. Worth every penny!!!

[fenixful]

Thank you, Mosh! You are seriously the best teacher I've ever met on Internet. Only from you I can understand a lot of details from different libraries, frameworks, because you know how to prepare us and to understand that feature at another level

[victorcercasin]

Mosh, my dude... Your tutorials are really good, and the fact that you provide these smaller versions for free is a godsent. Thankds bro

[klemlloydmwenya]

So inspiring. Mosh, it's no doubt that you're a genius!

[maryemanane]

Dear sir, if you're reading this, I would like to say THANK YOU ! A big big THANK you for helping me out in my career and making me believe in myself! I always thought that I would never know how to code and that it isn't my cup of tea and i would never create, or even understand any application. from your videos I really understood everything from A to Z and I found all informations I needed in your videos explained in a very simple way ! I would like to thank you from all of my heart. You're doing an amazing job ! God bless

[eliaszalegas]

i have no words
this is just AMAZING
im gonna buy the full course now
greetings from Argentina !

[aqueelmirza]

What an amazing way of teaching!! I am even new to Javascript and React but your way of telling things makes me feel like learning everything so quickly that all confusions related to most of the stuff is gone already. Great tutorial!

[samsilvaluebinder]

This tutorial was perfect for what I needed: something to get me started converting my react app to react native. Now I have learned some of the basics and I have started off my project with good file structures and conventions. Thank you!!!

[justinbiebernation]

This man is so great that he has mastered most of the progamming languages !! Hatsss off !! Love from india