CF

React Native

3h 46m 29s
English
Paid

Learn how to build a full mobile app with React Native. In this course, you create one app that runs on iOS and Android. You also learn how to prepare and submit your app to the App Store and Google Play. The lessons mix short videos and clear text so you can follow each step with ease.

What You Will Build

You set up a React Native project. You write screens, handle navigation, and work with data. You test your app on real devices. You also learn how to fix common bugs and read build errors.

By the end, you have a working mobile app that is ready for release.

Prerequisites

You should know basic React and ES2015+. This course builds on those skills. If you are an experienced developer but new to React, you can still follow along. You may need to look up a few ideas as you go.

About the Author: UI.dev (Tyler McGinnis)

UI.dev (Tyler McGinnis) thumbnail

UI.dev (formerly tylermcginnis.com) is the online course platform of Tyler McGinnis, a US developer who has been publishing React and JavaScript educational material continuously since 2014. The platform was one of the earliest dedicated React-tutorial sources and remains widely cited for the depth of its long-form courses on JavaScript fundamentals and the React ecosystem.

Course material covers React (including modern hooks-based patterns and Next.js), modern JavaScript (the canonical Modern JavaScript course), Firebase, GraphQL, Redux, TypeScript with React, and the algorithm / data-structure interview prep track. The teaching style is unusually rigorous about the language fundamentals underneath the framework material — Tyler's Modern JavaScript course in particular is a classic of the genre.

The CourseFlix listing under this source carries over 15 UI.dev / Tyler McGinnis courses spanning that range. Material is paid; UI.dev runs on per-course or membership pricing on the original platform.

Watch Online 83 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 83 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Course Intro
All Course Lessons (83)
#Lesson TitleDurationAccess
1
Course Intro Demo
00:51
2
What is React Native?
01:20
3
Why Expo
01:07
4
Hello World
02:19
5
How to debug
03:01
6
Refreshing the App
01:04
7
Summary
00:31
8
Lesson 2 Overview
00:19
9
Web vs Native
00:34
10
React Native Components
00:34
11
View and Text
01:08
12
App Walkthrough
02:38
13
Rendering Icons
01:41
14
AddEntry - getMetricMetaInfo
05:02
15
AddEntry Component Icons not Rendering
02:44
16
AddEntry - methods
04:34
17
AddEntry - render
05:18
18
AddEntry - DateHeader
01:43
19
Touchables Touchables
03:54
20
AddEntry - SubmitBtn
03:54
21
Slider
02:00
22
AddEntry - UdaciSlider
02:11
23
AddEntry - UdaciSteppers
02:34
24
AddEntry-TextButton
04:00
25
Lists Lists Seeing Errors with ScrollView
03:57
26
Forms Forms Oops! (onChange vs. onChangeText)
04:00
27
Image
02:03
28
LocalStorage Local StorageExample Saving to localStorage
00:27
29
API.js
04:17
30
Redux in React Native
00:36
31
Building out Actions
01:59
32
Building out the Reducer
02:40
33
Creating a Store
01:24
34
Connecting AddEntry.js
06:43
35
Summary Summary
00:32
36
Lesson Overview
00:15
37
CSS in JS CSS in JS Additional Styling
01:15
38
Style Progression
03:00
39
Flexbox Getting Started with Flexbox
01:31
40
Flexbox Implementation React Native's Flexbox Implementation
00:27
41
Style Meta Info
03:31
42
Platform API Platform API
01:57
43
Style AddEntry
06:24
44
Style Steppers
07:39
45
Style the rest
04:28
46
History
06:54
47
Calendar
04:48
48
Methods
04:53
49
Metric Card
04:06
50
App Loading
01:52
51
Intro
00:18
52
CSS in JS Libraries Libraries for CSS in JS
05:24
53
Summary and Outro Summary
00:26
54
Overview
00:57
55
TabNavigator Intro TabNavigator
03:31
56
Adding TabNavigator
05:04
57
StatusBar Intro StatusBar
02:37
58
Intro StackNavigator
03:10
59
Adding StackNavigator
04:36
60
navigationOptions
02:44
61
Connect EntryDetail
02:42
62
EntryDetail Reset
06:08
63
Finish Navigation
02:07
64
DrawerNavigator DrawerNavigatorSummary
02:46
65
Lesson 4 Outro
00:35
66
Lesson 5 Overview
00:24
67
Live
04:21
68
Introduction to Geolocation
00:25
69
Undetermined Geolocation
02:21
70
Denied Geolocation
01:00
71
Granted Geolocation
02:59
72
Set Geolocation
04:55
73
AskPermission
03:32
74
Animations
05:46
75
Animated Cautions Animations
04:08
76
Local Notifications Notifications on iOS
00:33
77
setLocalNotifications scheduleLocalNotificationAsync
06:03
78
useLocalNotification Summary
02:05
79
Handling Photos Summary
00:16
80
App Store Prep
02:25
81
Prep App
02:25
82
.apk and .ipa files What are .apk and .ipa Files
02:47
83
unnamed 83Course Outro
00:20
Unlock unlimited learning

Get instant access to all 82 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What are the prerequisites for this React Native course?
To enroll in the React Native course, you should have a basic understanding of React and ES2015+. If you are an experienced developer who is new to React, you can still follow the course content, though you may need to look up certain concepts as you progress.
What will I build in this course?
During the course, you will set up a React Native project and build a mobile app that runs on both iOS and Android. You'll write screens, handle navigation, work with data, and test your app on real devices. By the end of the course, you will have a fully functional mobile app ready for release.
Who is the target audience for this course?
The course is designed for developers who have a basic knowledge of React and ES2015+. It is suitable for those looking to expand their skills into mobile app development using React Native, regardless of whether they have prior experience with mobile platforms.
How does this course compare in depth to other React Native courses?
This course covers the complete process of building a mobile app with React Native, from setup to submission on app stores. With 83 lessons, it provides detailed instruction on components, navigation, data handling, debugging, and styling, suitable for those looking for a thorough understanding without requiring previous mobile development experience.
What platforms will I learn to deploy my app on?
The course teaches you how to prepare and submit your mobile app to both the App Store for iOS devices and Google Play for Android devices, ensuring your app is ready for distribution on major platforms.
What topics are not covered in this React Native course?
The course does not cover advanced topics like integrating external APIs or third-party libraries beyond basic Redux usage. It focuses primarily on the core aspects of building and deploying a React Native app suitable for beginners to intermediate learners.
How much time should I expect to commit to this course?
The course consists of 83 lessons, which are a mix of short videos and clear text instructions. The time commitment will vary based on your prior knowledge and pace of learning, but expect to dedicate several weeks to complete all lessons and build your app.