The Complete React Native Create Beautiful Apps

Take you coding to the next level with React Native.

Last updated 2022-01-10 | 4.5

- 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

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

* 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.

Course content

14 sections • 243 lectures

Introduction 5 lectures

Introduction Preview 01:04

What is react native Preview 03:29

IDE ( code editor ) Preview 01:37

First install MAC USERS Preview 05:28

First install WINDOWS USERS Preview 04:07

Running simulators and setting up enviroment 10 lectures

Expo or not expo Preview 03:26

Installing XCODE Preview 03:25

Installing Android studio MAC & WINDOWS Preview 11:23

Environment variables MAC ONLY Preview 03:47

Environment variables WINDOWS ONLY Preview 04:44

Windows quick fix for expo Preview 00:48

Running an expo app Preview 08:29

App without expo Preview 03:12

Running the Android simulator Preview 10:13

Running the IOS simulator Preview 02:53

RN Basics 11 lectures

Starting with RN ( finally ) Preview 05:35

Styles, stylesheets, views and text Preview 11:58

Components and state Preview 09:13

Touch events Preview 14:19

Touch events part 2 Preview 11:49

Text inputs Preview 12:32

Buttons Preview 07:53

The scrollview Preview 10:09

Activity indicator Preview 03:11

Working with images Preview 08:58

Using modals Preview 08:14

Navigation 11 lectures

Introduction Preview 02:21

Installing navigation Preview 10:02

Stack navigation Preview 12:50

Working with Params Preview 10:00

Navigation bar Preview 21:56

Navigation buttons Preview 07:32

The sidedrawer Preview 08:05

Custom sidedrawer Preview 08:51

Tab navigation Preview 15:21

Nesting navigators Preview 10:58

Working with libraries 7 lectures

Installing the image picker Preview 17:06

Using the image picker Preview 15:46

Installing the contacts library Preview 07:14

Solving issues Preview 11:27

Using the contacts library Preview 16:34

Installing react native elements Preview 10:56

Using react native elements Preview 08:02

Tiny practice project: Who pays the bill ? [ optional ] 6 lectures

Installation and context Preview 15:07

Creating the input and validation Preview 16:24

Creating the list of players Preview 13:41

Starting the stage 2 and toasts Preview 09:01

Creating the stage 2 Preview 10:19

Installing fonts and finishing app Preview 13:44

Integrating redux and firebase 4 lectures

Installing redux Preview 16:18

Dispatching an action Preview 08:21

Integrating firebase and creating forms Preview 18:32

Register and log ing with firebase Preview 09:29

Practice project - RedWire 28 lectures

Introduction Preview 03:47

Installation Preview 08:40

Setting up redux Preview 09:42

Navigation part one Preview 16:43

Navigation part two Preview 13:57

Custom sidedrawer Preview 19:12

Installing fonts Preview 13:11

Pimp the header Preview 15:41

Creating the article cards Preview 10:26

Creating the articles screen Preview 15:34

Creating the videos screen Preview 11:23

Adding youtube videos Preview 16:27

Email and password from profile Preview 12:21

Creating the userdata form Preview 13:16

Login users screen part one Preview 21:04

Login users screen part two Preview 14:18

Starting a firebase project Preview 09:15

Register users Preview 21:30

Login users Preview 07:37

Autosignin users Preview 14:14

Logout user and fixing autosign in Preview 07:39

Updating user profile part 1 Preview 14:12

Updating user profile part 2 Preview 13:52

Getting articles Preview 26:02

Fetching more articles Preview 19:24

Showing article data Preview 07:41

Fetching videos Preview 14:13

Fetching more videos Preview 07:16

Practice project : NBA app [Legacy - RN Version 5.X] 31 lectures

Project overview Preview 04:54

Installing react and dependencies Preview 09:39

Setting up Redux Preview 10:33

Adding React navigation Preview 10:43

Adding React navigation ..continued Preview 11:31

Login logo and background Preview 14:33

Form reusable inputs Preview 17:30

Finishing inputs and error state Preview 13:04

Adding the buttons Preview 11:20

Adding validation Preview 14:48

Finishing validation Preview 08:39

Submitting the form Preview 07:59

Using redux before server Preview 14:39

Sign up the user Preview 15:23

Sign in user Preview 05:32

Saving the token on the storage Preview 17:09

Adding the Auto sign in Preview 17:29

Styling the header tab Preview 12:15

Icons and style on the bottom bar Preview 11:19

Icons and style on the bottom bar - part two Preview 07:09

Preparing the news Preview 13:02

Showing News cards Preview 13:50

Finishing the News cards Preview 11:37

Installing and using fonts Preview 08:53

Creating the News article Preview 17:01

Getting the games from F.Base Preview 15:39

Getting the games from F.Base - part 2 Preview 08:59

Finishing the games main screen Preview 16:12

Creating the Games Video screen Preview 17:54

Finishing the Games video screen Preview 13:11

Final project code Preview 00:07

React native [Legacy - RN Version 5.X] 57 lectures

Introduction Preview 01:21

What is React Native ? Preview 05:33

Starting with RN Preview 08:43

Installing tools ( MAC USERS ) Preview 07:24

Installing tools ( WINDOWS USERS ) Preview 06:30

Installing ANDROID STUDIO ( Mac and Win users ) Preview 07:16

Ejecting expo apps Preview 05:42

Running Android simulator ( WIN and MAC users ) Preview 19:15

Windows environment variables ( WIN users ) Preview 02:23

Running on Expo Preview 11:09

Running IOS simulator ( MAC users ) Preview 03:41

First look at the structure Preview 05:22

Styles, Views and Text Preview 17:21

Buttons and touch events Preview 17:01

Components and State Preview 09:03

Handling inputs Preview 15:06

Adding users to the list Preview 06:21

Using the Scrollview Preview 08:46

The picker component Preview 11:51

The Slider component ( 0.58.6 ) Preview 05:49

Activity indicator Preview 04:20

Working with images Preview 11:52

Using Modals Preview 12:00

Intro to react navigation Preview 09:59

Installing R.Navigation and running Sim Preview 08:20

Stack navigator and linking screens Preview 17:29

Navigation params Preview 09:52

Customizing the Header Bar Preview 15:16

Adding logos to headers Preview 13:48

Creating a Side-drawer Preview 11:03

Custom component for Side-drawer Preview 18:58

Creating a bottom Navigation Preview 10:18

Tab Navigation-Options Preview 17:44

Combining navigation types. Preview 11:39

Installing Image picker ( link ) Preview 13:08

If image picker fails, manual install Preview 10:37

Using camera and photo library Preview 16:14

Installing RNative contacts Preview 09:44

Adding contact and opening form Preview 12:41

Getting contacts Preview 17:18

installing RNative vector icons Preview 11:48

Using RNative vector icons Preview 10:42

React native debugger Preview 05:48

Reusing components and styles Preview 10:03

Dimensions Preview 02:47

Device info 3rd party library Preview 07:21

Creating XY animations Preview 15:30

Easing and triggers Preview 06:04

Not XY animations Preview 04:11

Interpolation Preview 10:20

Sequence and timing animations Preview 11:43

Connecting Redux Preview 14:58

Dispatching an action Preview 07:05

Connecting the devtools Preview 04:31

React web mini-course [ optional ] - Basics 39 lectures

Installing Node and creating an App Preview 11:57

The bundle Preview 05:57

Starting to code !! Preview 09:06

JSX Behind the scenes Preview 09:09

Importing components Preview 08:25

Types of components Preview 05:30

Adding styles Preview 10:19

Events Preview 11:39

State Preview 15:04

Starting with props Preview 10:45

Starting with props...continued Preview 14:03

Props to a Class Preview 06:01

React children Preview 03:42

More with styles Preview 06:58

Styles plugins Preview 06:34

Filter the news Preview 15:03

Routes:Installing Router Preview 05:37

Routes:How it works and creating components Preview 07:20

Routes:Using routes Preview 06:27

Routes:Linking Preview 10:52

Routes:Working with params Preview 06:49

Routes:Other features from React Router Preview 07:18

Routes:Switch Preview 03:50

Routes:Redirections Preview 06:54

Routes:404 and "withRouter" Preview 09:56

Component lifecycles Preview 07:21

Component lifecycles 2 Preview 19:26

Conditional rendering Preview 10:23

Pure components Preview 08:29

Adjacent elements Preview 05:43

Hoc's ( High order components ) Preview 08:47

Hoc's ...continued Preview 13:36

Animations: Using transitions Preview 17:28

Animations: Using transitions....continued Preview 08:55

Animations: CSS Transitions Preview 11:50

Animations: Transition group Preview 15:43

Proptypes Preview 10:22

Proptypes...continued Preview 08:27

Controlled components Preview 07:58

React web mini-course [ optional ] - Redux 16 lectures

Redux introduction Preview 08:36

Creating the store Preview 07:53

The Redux flow Preview 05:55

Combining reducers Preview 06:34

Creating a valid reducer Preview 07:31

Creating actions Preview 04:43

map-state-to-props and connect Preview 12:43

Map-dispatch-to-props Preview 05:47

Types Preview 07:57

Using middleware Preview 07:44

Redux practice - Creating the project Preview 06:34

Redux practice - routes and redux Preview 16:42

Redux practice - Home Preview 16:47

Redux practice - Filter the home list Preview 06:15

Redux practice - Artist section Preview 16:44

Redux practice - Clearing artist data Preview 04:11

React web mini-course [ optional ] - Hooks 7 lectures

Introduction to Hooks Preview 01:49

The "useState" Hook Preview 13:53

The "useState" Hook ....continued Preview 13:50

The "useEffect" Hook Preview 16:42

The "useReducer" Hook Preview 12:27

Preparing the app with Context Preview 09:59