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
There are no comments for now.
Share This Content
Share Link
Share on Social Media
Share by Email
Please login to share this Video by email.