React Native Tutorial for Beginners - Build a React Native App

Overview

Learn to build a cross-platform mobile app for iOS and Android using React Native in this comprehensive tutorial for beginners. Explore fundamental concepts like Views, Text, Images, Touchables, and Buttons while mastering essential layout techniques using Flexbox. Dive into debugging methods, platform-specific code, and publishing your app. Practice your skills by creating a Welcome Screen and View Image Screen, and learn how to refactor your code for better maintainability. By the end of this tutorial, you'll have the knowledge to develop your own React Native applications with confidence.

Syllabus

Introduction.
Prerequisites.
What is React Native?.
Expo.
Setting up the development environment .
Your First React Native App.
Running on an iOS simulator.
Running on an Android emulator.
Running on a physical device.
Logging.
Debugging with Chrome.
Debugging in VSCode.
Publishing.
Fundamental Concepts.
View.
Text.
Image.
Touchables.
Button.
Alert.
StyleSheet.
Platform-specific code.
Layouts.
Dimensions.
Detecting orientation changes.
Flexbox.
flexDirection.
justifyContent, alignItems and alignSelf .
flexWrap and alignContent.
flexBasis, flexGrow and flexShrink .
Absolute and Relative Positioning .
Exercises.
Welcome Screen.
View Image Screen.
Refactoring.