The complete React Native course ( 2nd edition )
4,294 students enrolled
The complete React Native course ( 2nd edition )
Take you coding to the next level with React Native.
4,294 students enrolled
Current price: $13.99
Original price: $19.99
Discount:
30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
- 57 hours on-demand video
- 7 articles
- 40 downloadable resources
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Training 5 or more people?
Get your team access to 4,000+ top Udemy courses anytime, anywhere.
Try Udemy for Business
What you'll learn
- You will learn the whole React Native building process, from your pc to your phone.
- Work with RNative and nosql databases like firebase.
- Learn how Redux works and apply it on React Native
Course content
Expand all
315 lectures
57:02:04
+
–
Intro
6 lectures
36:47
Preview
01:21
What is React Native ?
05:33
Starting with RN
08:43
Installing tools ( MAC USERS )
07:24
Installing tools ( WINDOWS USERS )
06:30
Installing ANDROID STUDIO ( Mac and Win users )
07:16
+
–
Running apps on simulators
5 lectures
42:10
Running on Expo
11:09
Ejecting expo apps
05:42
Running Android simulator ( WIN and MAC users )
19:15
Windows environment variables ( WIN users )
02:23
Running IOS simulator ( MAC users )
03:41
+
–
Starting with react native
13 lectures
02:14:46
First look at the structure
05:22
Styles, Views and Text
17:21
Components and State
09:03
Buttons and touch events
17:01
More on touchables
09:54
Handling inputs
15:06
Adding users to the list
06:21
Using the Scrollview
08:46
The picker component
11:51
The Slider component ( 0.58.6 )
05:49
Activity indicator
04:20
Working with images
11:52
Using Modals
12:00
+
–
React Navigation
12 lectures
02:29:19
Intro to react navigation
09:59
Installing R.Navigation and running Sim
08:20
Stack navigator and linking screens
17:29
Navigation params
09:52
Customizing the Header Bar
15:16
Adding logos to headers
13:48
Creating a Side-drawer
11:03
More on Side-drawer
04:53
Custom component for Side-drawer
18:58
Creating a bottom Navigation
10:18
Tab Navigation-Options
17:44
Combining navigation types.
11:39
+
–
Using phone resources
8 lectures
01:42:12
Installing Image picker ( link )
13:08
If image picker fails, manual install
10:37
Using camera and photo library
16:14
Installing RNative contacts
09:44
Getting contacts
17:18
Adding contact and opening form
12:41
installing RNative vector icons
11:48
Using RNative vector icons
10:42
+
–
Other RN aspects
5 lectures
36:27
React native debugger
05:48
Reusing components and styles
10:03
More on the platform
10:28
Dimensions
02:47
Device info 3rd party library
07:21
+
–
Aminations
5 lectures
47:48
Creating XY animations
15:30
Easing and triggers
06:04
Not XY animations
04:11
Interpolation
10:20
Sequence and timing animations
11:43
+
–
A little bit of Redux
3 lectures
26:34
Connecting Redux
14:58
Dispatching an action
07:05
Connecting the devtools
04:31
+
–
Practice project : NBA app
31 lectures
06:12:33
Preview
04:54
Installing react and dependencies
09:39
Setting up Redux
10:33
Adding React navigation
10:43
Adding React navigation ..continued
11:31
Login logo and background
14:33
Form reusable inputs
17:30
Finishing inputs and error state
13:04
Adding the buttons
11:20
Adding validation
14:48
Finishing validation
08:39
Submitting the form
07:59
Using redux before server
14:39
Sign up the user
15:23
Sign in user
05:32
Saving the token on the storage
17:09
Adding the Auto sign in
17:29
Styling the header tab
12:15
Icons and style on the bottom bar
11:19
Icons and style on the bottom bar - part two
07:09
Preparing the news
13:02
Showing News cards
13:50
Finishing the News cards
11:37
Installing and using fonts
08:53
Creating the News article
17:01
Getting the games from F.Base
15:39
Getting the games from F.Base - part 2
08:59
Finishing the games main screen
16:12
Creating the Games Video screen
17:54
Finishing the Games video screen
13:11
Final project code
00:07
+
–
React [ optional ] - Basics
16 lectures
02:30:12
Installing Node and creating an App
11:57
The bundle
05:57
Starting to code !!
09:06
JSX Behind the scenes
09:09
Importing components
08:25
Types of components
05:30
Adding styles
10:19
Events
11:39
State
15:04
Starting with props
10:45
Starting with props...continued
14:03
Props to a Class
06:01
React children
03:42
More with styles
06:58
Styles plugins
06:34
Filter the news
15:03
Requirements
- Knowing a little bit of Javascript ES5, we will use ES6 but you can learn it as we go.
Description
Do you want to learn the whole process of building an App ?. This is the course for you.
We will start from the very beginning, from "I don't even know how to install it“ to actually understanding how React Native works and make it communicate with other technologies like Firebase and Redux.
You will learn all the logic and practice behind React Native in different modules, and as we advance through the course we will be increasing the difficulty.
Since I believe that the best way to fully learn is by coding, after each important section we will put everything in practice with a very large practice project, using third party libraries, firebase and redux.
Since React Native is bases on React for web, you need to know a little bit about React.
But don’t sweat it, if you don’t know anything about React for web, as a bonus you get a small React for web course.
To sum everything up, you will learn in this course:
- The very basics of React Native. How to install it and the logic behind it.
- Once you know the basics of React Native we will journey into the confusing stuff.
- Install and apply Third party libraries.
- We will connect our React Native project with Firebase.
- Everybody is using Redux, so we will learn how to use redux with our React Native App.
- Apply security, authentication, restricting routes.
- We will create a Practice app to put everything into practice.
- You also get a Small React for web course
What about the instructor experience ?
Well I've been around for 10 years now, built lots of applications for small projects and big companies like Citi,Fox, Disney and a lot more.
Today I work as developer for a major company developing applications in React or Angular mostly, but I like to teach in my spare time.
How about the target audience?
- This course is for almost everyone, a little bit of Javascript is required.We will use ES6 but you can learn as we go.
- If you want to take your coding to the next level, this is the course for you.
Who this course is for:
- From beginners in javascript to intermediate.
Featured review
Vishwajeet Singh
(
5 courses,
2 reviews
)
a year ago
I had also taken React course from the same instructor , so it is very convenient and easy for me to grab his words as this course seems more or less similar to the previous one.Anyway, great teaching methodology as he fragments everything up into chunks and make it really easy for us to understand.