A Complete React Native Course - Redux - Context API - 2020
4.1 (21 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
11,393 students enrolled

A Complete React Native Course - Redux - Context API - 2020

A complete course to start react native cross platform mobile application development.
4.1 (21 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
11,393 students enrolled
Created by Usaid Ather
Last updated 4/2020
English
English [Auto-generated]
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
  • 7 hours on-demand video
  • 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
  • React Native Mobile Application Development
  • Networking: News API using Axios
  • State Management: Note Taking App Using React Native Hooks
  • State Management: Note Taking App Using Redux
  • State Management: Note Taking App Using Context API
  • Setup Google Maps
  • How to Create Custom Markers, Heat Maps, Polygons, Polylines
  • How to use Places API and get current location
  • Social Login - Facebook
Course content
Expand all 26 lectures 07:00:16
+ Getting Started With React Native
4 lectures 02:12:00

API Keys, secrets, token or Network API Domain (etc) always contain some amount of sensitive information that needs to be secure that's why we create an environment variable.

So in this tutorial, we will learn he we can create Environment Variable and how to use it.


Preview 11:18

In this tutorial, we will learn how we can create an infinite carousel view using expo.


Carousel View
44:17

We will learn how to fetch JSON of news API from "https://newsapi.org/" by using the Axios library with the help of React Native Hooks.

Topics to be covered.

- Props

- React Navigation

- Reusable Components

- Networking using Axios lib

- Flatlists

- React Native Hooks

News App: Fetch json data using Axios with React Native
55:23

In this React Native Tutorial, I will tell you guys how to use custom fonts with the help of Expo Libraries and how we can manage these fonts for different screens of Android and iOS Devices.

This technique is called dynamic font sizing.

Topics to be covered in this tutorial

- Custom Fonts Using Expo

- Dynamic Fonts Sizing.

Custom Fonts with dynamic font sizing
21:02
+ React Navigation - v5
10 lectures 35:57
Creating a New Project
01:13
Installing the Dependencies
13:16
Creating the Mock Screens
02:46
Implementation of Mock Screens
02:33
Creating a Main Stack Navigator
06:54
Updating App.js File
01:52
Fixing the Error
03:33
Navigation between the screens
00:53
Adding navigation bar button - 1
02:22
Adding navigation bar button - 2
00:35
+ State Managment
3 lectures 01:29:08

In this tutorial we will learn how we can create a Note Taking App using React Native Hooks

Note Taking App with React Native Hooks
55:43

This Video is Continuation of previous video tutorial, instead of Hooks will use react native context API for state management

Note Taking App with Context API
17:08

now we will learn how to use redux api in our note taking app

Note Taking App with Redux
16:17
+ Google Maps
3 lectures 01:44:52

In this tutorial we will learn how we can setup google maps in iOS and Android using React Native CLI

Setup Google Maps for IOS and Android in React Native CLI
29:03

We will learn how we can create Markers, Custom Markers, Heatmaps, Circles, Polyline and Polygone in React Native

How to create Markers, Custom Marker, HeatMaps, Polygons and Polyline in Maps
31:40
How to use places API and get current location
44:09
+ Social Login - Facebook
5 lectures 58:15
Part 1 - Setting up Facebook App
06:59
Part 2 - Setting up for IOS
10:00
Part 3 - Implementing Default Facebook Button
21:24
Part 5 - Setting up for Android
08:03
Requirements
  • Basic Programming Concepts
  • Know how to setup react native environments for expo and cli
Description

This react native course is a beginners level course that will give you enough confidence to develop your first mobile application.

For this course, you should atleast know how to setup a react native environment and know-how of base react native development.

This course includes

- Networking using axios

- State Management using Hooks, Context API and Redux.

- Google Maps

- Social Login (Facebook)

Who this course is for:
  • Beginners React Native Developers who have passion to learn cross platform mobile application development