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?
- Check out my full course: https://mosh.link/react-native-course
- 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