React Native Tutorial for Beginners – Build a React Native App

Programming with Mosh

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

🚀 Ready for a deep dive?
– Check out my full course: https://bit.ly/3f40a4l
– Subscribe for more awesome content: https://goo.gl/6PYaGF

✋ Stay connected:
– Twitter: https://twitter.com/moshhamedani
– Facebook: https://www.facebook.com/programmingwithmosh/
– Instagram: https://www.instagram.com/codewithmosh.official/
– LinkedIn: https://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: https://youtu.be/Ke90Tje7VS0
– Mastering React Course: http://bit.ly/2KVl2A3

🎁 Get the FREE goodies:
– Layout Exercises PDF: https://bit.ly/3dzbKDZ
– Layout Exercises Supplementary Materials: https://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