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.
โค๏ธ Join this channel to get access to perks:
https://www.youtube.com/channel/UCWv7vMbMWH4-V0ZXdmDpPBA/join
๐ 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 flexBasi
Watch on YouTube โ
(saves to browser)
Sign in to unlock AI tutor explanation ยท โก30
Playlist
Uploads from Programming with Mosh ยท Programming with Mosh ยท 0 of 60
โ Previous
Next โ
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
![[Pluralsight]: Become a Full-stack .NET Developer](https://i.ytimg.com/vi/yBxPgF85vt4/mqdefault.jpg)
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
![[NEW COURSE] Unit Testing for C# Developers](https://i.ytimg.com/vi/ocz2Ml5Wg9g/mqdefault.jpg)
57
58
59
60
6 Visual Studio Tips to Increase Your Productivity | Mosh
Programming with Mosh
Visual Studio Keyboard Shortcuts that Speed Up Debugging Applications | Mosh
Programming with Mosh
Backbone.js Tutorial Part 2 - Backbone.js Models: Working with Model Attributes
Programming with Mosh
Backbone.js Tutorial Part 3 - Backbone.js Models: Model Validation
Programming with Mosh
Backbone.js Tutorial Part 4 - Backbone.js Models: Model Inheritance
Programming with Mosh
Backbone.js Tutorial Part 1 - Backbone.js Models: Creating Models
Programming with Mosh
Backbone.js Tutorial Part 5 - Backbone.js Models: Syncing Models with the Server
Programming with Mosh
Backbone.js Tutorial Part 6 - Backbone.js Collections: Creating Collections
Programming with Mosh
Backbone.js Tutorial Part 7 - Backbone.js Collections: Working with Collections
Programming with Mosh
Backbone.js Tutorial Part 8 - Backbone.js Collections: Fetching Collections from the Server
Programming with Mosh
Backbone.js Tutorial Part 9 - Backbone.js Views: Creating Views
Programming with Mosh
Backbone.js Tutorial Part 10 - Backbone.js Views: Passing Data to Views
Programming with Mosh
Backbone.js Tutorial Part 11 - Backbone.js Views: Handling the DOM Events
Programming with Mosh
Backbone.js Tutorial Part 12 - Backbone.js Views: Handling the Model Events
Programming with Mosh
Backbone.js Tutorial Part 13 - Backbone.js Views: Handling Collection Events
Programming with Mosh
Backbone.js Tutorial Part 14 - Backbone.js Views: Templating
Programming with Mosh
Clean Code: Learn to write clean, maintainable and robust code
Programming with Mosh
C# Events and Delegates Made Simple | Mosh
Programming with Mosh
C# Generics Tutorial: Whats and Whys | Mosh
Programming with Mosh
Debugging C# Code in Visual Studio | Mosh
Programming with Mosh
Repository Pattern with C# and Entity Framework, Done Right | Mosh
Programming with Mosh
Angular 2 Tutorial for Beginners: Learn Angular 2 from Scratch | Mosh
Programming with Mosh
Architecture of Angular 2+ Apps
Programming with Mosh
Working with Components in Angular
Programming with Mosh
C# Tutorial For Beginners - Learn C# Basics in 1 Hour
Programming with Mosh
Difference between Junior and Senior Developers
Programming with Mosh
Step-by-step ASP.NET MVC Tutorial for Beginners | Mosh
Programming with Mosh
[Pluralsight]: Become a Full-stack .NET Developer
Programming with Mosh
Xamarin Forms Tutorial: Build Native Mobile Apps with C#
Programming with Mosh
Value Types and Reference Types in JavaScript
Programming with Mosh
Using Redux in Angular 2+ Apps | Mosh
Programming with Mosh
Testing Angular 2+ Apps with Jasmine and Karma | Mosh
Programming with Mosh
Profile and optimize your Angular 2 apps
Programming with Mosh
Build a Real-world App with ASP.NET Core and Angular 2
Programming with Mosh
Entity Framework 6 Tutorial: Learn Entity Framework 6 from Scratch
Programming with Mosh
Two-way Binding and ngModel in Angular 4
Programming with Mosh
Udemy Live 2017: Teaching Tech Panel
Programming with Mosh
Demo of An E-commerce App Built with Angular, Firebase and Bootstrap 4
Programming with Mosh
My Brand New Angular Course
Programming with Mosh
TypeScript Tutorial - TypeScript for React - Learn TypeScript
Programming with Mosh
Access Modifiers in TypeScript
Programming with Mosh
TypeScript Interfaces
Programming with Mosh
TypeScript Classes
Programming with Mosh
TypeScript Constructors
Programming with Mosh
TypeScript Properties
Programming with Mosh
Angular Tutorial for Beginners: Learn Angular & TypeScript
Programming with Mosh
AngularJS vs Angular 2 vs Angular 4 | Mosh
Programming with Mosh
Angular Material Tutorial | Mosh
Programming with Mosh
Angular Animations Tutorial | Mosh
Programming with Mosh
Firebase in Angular Applications | Mosh
Programming with Mosh
Deploying Angular Applications | Mosh
Programming with Mosh
Building Forms in Angular Apps | Mosh
Programming with Mosh
Directives in Angular Applications
Programming with Mosh
Routing and Navigation in Angular | Mosh
Programming with Mosh
Angular 4 in 40 Minutes
Programming with Mosh
[NEW COURSE] Unit Testing for C# Developers
Programming with Mosh
Unit Testing C# Code - Tutorial for Beginners
Programming with Mosh
C# Classes Tutorial | Mosh
Programming with Mosh
C# Object Initializers Tutorial
Programming with Mosh
C# Constructors Tutorial | Mosh
Programming with Mosh
More on: React
View skill โ
Related AI Lessons
โก
โก
โก
โก
Iโm Going to Make 1000$ a month While in the 9โ5 Job Using AI and Hereโs How Iโm Going to Do It
Medium ยท SEO
Best AI Tools for Faceless YouTube Videos in 2026
Dev.to AI
How to Create Consistent Characters with AI For Picture Book?
Medium ยท AI
Criar logo com IA: 5 ferramentas testadas em portuguรชs
Dev.to AI
Chapters (30)
Introduction
2:20
Prerequisites
2:58
What is React Native?
4:33
Expo
6:19
Setting up the development environment
9:17
Your First React Native App
14:38
Running on an iOS simulator
18:02
Running on an Android emulator
26:48
Running on a physical device
27:54
Logging
29:16
Debugging with Chrome
34:27
Debugging in VSCode
41:39
Publishing
46:30
Fundamental Concepts
48:20
View
51:08
Text
53:50
Image
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
flexBasi
๐
Tutor Explanation
DeepCamp AI