React Native Tutorial for Beginners - Build a React Native App

Overview

This course aims to teach learners how to build a React Native app for both iOS and Android platforms. By the end of the course, students will be able to set up a development environment, create their first React Native app, run it on simulators and physical devices, debug using various tools, and understand fundamental concepts such as views, text, images, touchables, buttons, alerts, and stylesheets. The course covers platform-specific code, layouts, dimensions, orientation changes, and flexbox properties. The teaching method includes hands-on exercises and refactoring tasks. This course is designed for web developers familiar with React and JavaScript who want to transition to mobile app development using React Native.

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.