React Native Tutorial for Beginners - Build a React Native App
3,016,246
Published 2020-05-11
🚀 Ready for a deep dive?
- Check out my full course: mosh.link/react-native-course
- Subscribe for more awesome content: goo.gl/6PYaGF
✋ Stay connected:
- Twitter: twitter.com/moshhamedani
- Facebook: www.facebook.com/programmingwithmosh/
- Instagram: www.instagram.com/codewithmosh.official/
- LinkedIn: www.linkedin.com/school/codewithmosh/
💡 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
- React Tutorial for Beginners: • React JS - React Tutorial for Beginners
- Mastering React Course: bit.ly/2KVl2A3
🎁 Get the FREE goodies:
- Layout Exercises PDF: bit.ly/3dzbKDZ
- Layout Exercises Supplementary Materials: bit.ly/3fvqZQ9
📖 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
All Comments (21)
-
🚀 Ready for a deep dive? - Check out my full course: mosh.link/react-native-course - Subscribe for more awesome content: goo.gl/6PYaGF
-
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
-
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.
-
I absolutely love the fact that you tell all your shortcuts during coding. Most of the youtubers dont do that. Thanks!
-
Your effort in making this tutorial is much appreciated you even put subtitles on it. Thank you for your generosity
-
mosh's way of teaching makes us to love coding ..
-
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.
-
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.
-
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!
-
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!!!
-
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
-
So inspiring. Mosh, it's no doubt that you're a genius!
-
"This is gonna take about 15 minutes of your time..." takes me 4 hours
-
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!
-
-
Mosh, my dude... Your tutorials are really good, and the fact that you provide these smaller versions for free is a godsent. Thankds bro
-
i have no words this is just AMAZING im gonna buy the full course now greetings from Argentina !
-
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!
-
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
-
You teach by walking people through outstanding realworld projects and that is amazing! Thanks Mosh!
