React Native Advanced Concepts

Master the advanced topics of React Native: Animations, Maps, Notifications, Navigation and More!
React Native Advanced Concepts
File Size :
8.83 GB
Total length :
16h 34m



Stephen Grider


Last update




React Native Advanced Concepts

What you’ll learn

Make compelling applications using expert-level features of React Native
Create amazingly smooth and performant animations
Build new React Native apps with Expo
Understand the latest Navigation options for new React Native apps
Add logic to your Firebase backend with Google Cloud Functions
Update your users with cross platform Push Notifications
Handle your users going offline with Redux Persist

React Native Advanced Concepts


Basic understanding of React Native


Note: This course assumes you’ve got the basics of React Native down.  Check out my course ‘The Complete React Native and Redux’ course, its the perfect preparation!
Go beyond the basics of React Native!  This course will teach you the advanced topics you need to make a #1 best-selling app.
Push Notifications? You will learn it.  In Depth Animations? Included.  Offline Data Persistence? Of course!
What Will You Build?
All of my courses are ‘learn-by-doing’: no boring endless lectures with Powerpoints, only live, interactive coding examples.  In this course we’ll build three separate apps with increasing complexity, each of which will profile different features of React Native.  By putting each concept into a real app, you’ll get a better idea of when to use each unique and powerful feature.
1) Build a Tinder-like Swipe Deck. Yes, the classic animated component!  We’ll make a big stack of beautiful cards that a user can slide around the screen, swiping right to ‘like’ an item, or ‘left’ to dislike an item.  This warmup will get you familiar with interpreting touch input through the PanResponder system, moving elements around with the Animated module, and turning extrapolating animation values through the Interpolation system.
2) Dive into the backend with One Time Password authentication. Ever been prompted to sign in using a code that gets texted to you?  One Time Passwords are a new authentication flow that leverages a user’s phone number as their unique identifying token.  We will use the Twilio API to send a text message to a user to verify their identity, while securing our business logic into Firebase’s new Google Cloud Functions.
3) Your own Job-Search app.  Tinder for jobs! This app is is 100% feature complete!  We’ll build an app with a full welcome-screen tutorial for our new user’s, Facebook authentication, and map components.  The user will be presented with a list of jobs to like or dislike based on their location by leveraging Indeed’s Job API, then follow up and apply to their choice jobs.
Both OSX and Windows supported – develop iOS or Android!
Here’s what we’ll learn:
Learn the theory and practice of implementing complex Animation systemsBootstrap your app using the new Expo platformNavigate your user around using React-NavigationEngage your users with automated Push NotificationsEnhance authentication flows in your app with One Time Passwords with TwilioIncrease your app’s reliability with Offline Data PersistenceEducate your users on how to use your app with Welcome Tutorial pagesAuthenticate your users using Facebook OAuthGo beyond the mobile front end with Google Cloud Functions: Add custom logic to your Firebase backendLocate your users with cross-platform MapView components

I’ve built the course that I would have wanted to take when I was learning React Native. A course that explains the concepts and how they’re implemented in the best order for you to learn and deeply understand them.


Section 1: Expo Setup

Lecture 1 Introduction – Start Here!

Lecture 2 Github Links

Lecture 3 Creating React Native Apps

Lecture 4 Why Expo?

Lecture 5 Creating Our First App

Section 2: Animations with React Native

Lecture 6 Animation Systems

Lecture 7 The Animation Module

Lecture 8 Animation from Square One

Lecture 9 Moving a Ball

Lecture 10 How Animations Work

Lecture 11 Animation from Another Angle

Lecture 12 Swipe Deck Props

Lecture 13 Component Boilerplate

Lecture 14 Deck Data

Lecture 15 Interplay Between Components

Lecture 16 Customizing Individual Cards

Section 3: Handling Gestures

Lecture 17 The Pan Responder System

Lecture 18 Pan Responder’s Event Handlers

Lecture 19 The Gesture Object

Lecture 20 Dragging a Card

Section 4: Applying Animation Styling

Lecture 21 Animating Single Cards

Lecture 22 How to Rotate Elements

Lecture 23 Interpolating Rotation Values

Lecture 24 Linear Relations with Interpolation

Lecture 25 Limiting Rotation with Interpolation

Lecture 26 Springing Back to Default

Lecture 27 Detecting Minimum Swipe Distance

Lecture 28 Programmatic Animation

Lecture 29 Forcing Swipes

Lecture 30 Callbacks on Swipe Completion

Section 5: Component Reusability

Lecture 31 Writing Reusable Components

Lecture 32 The DefaultProps System

Lecture 33 Resetting Card Position

Lecture 34 Advancing the Deck

Lecture 35 Handling Empty Lists

Lecture 36 Getting the Cards to Stack

Lecture 37 Troubleshooting Flashing Images

Lecture 38 Cascading Card List

Lecture 39 Animating Advancing Cards

Lecture 40 Resetting the Index

Lecture 41 Deck Wrapup

Section 6: One Time Password Authentication

Lecture 42 Review of Common Auth Flows

Lecture 43 The Details of One Time Passwords

Lecture 44 Tech Stack with Google Cloud Functions

Lecture 45 Traditional Servers vs Google Cloud Functions

Lecture 46 Layout of Google Cloud Functions

Lecture 47 Firebase Project Setup

Lecture 48 Deploying a Firebase Project

Lecture 49 Testing Deployed Functions

Lecture 50 Project File Structure

Lecture 51 The Request and Response Objects

Lecture 52 Generating a Service Account

Lecture 53 Sanitizing User Inputs

Lecture 54 Creating New Users

Lecture 55 Testing New User Creation

Section 7: Twilio Integration

Lecture 56 Texting from Twilio

Lecture 57 Twilio Credentials

Lecture 58 Accessing Saved Users

Lecture 59 Quick Note

Lecture 60 Sending Texts to Users

Lecture 61 Generating Access Codes

Lecture 62 Verifying One Time Passwords

Lecture 63 Invalidating Used Codes

Lecture 64 Generating JWT’s

Section 8: Client Side One Time Passwords

Lecture 65 Transitioning to React Native

Lecture 66 App Boilerplate

Lecture 67 Defining Instance Properties

Lecture 68 Invoking Cloud Functions

Lecture 69 Refactoring with Async/Await

Lecture 70 Debugging with Async/Await

Lecture 71 Async/Await on User Signin

Lecture 72 Capturing Tokens

Lecture 73 Firebase Auth with a JWT

Lecture 74 Breather and Review

Section 9: Bringing it All Together

Lecture 75 App Overview

Lecture 76 Screen Walkthrough

Lecture 77 More Screen Walkthroughs

Lecture 78 App Challenges and Solutions

Lecture 79 Screens vs Components

Lecture 80 React Native Navigation Options

Lecture 81 React Navigation in Practice

Lecture 82 Screen Boilerplate

Lecture 83 Implementing the First Navigator

Lecture 84 Nesting Navigators

Lecture 85 Wiring Up Stack Navigators

Lecture 86 Class vs Instance Properties

Lecture 87 Customization with Header Options

Lecture 88 Programmatic Navigation

Lecture 89 Styling the NavBar

Lecture 90 The Welcome Screen

Lecture 91 Styling the Welcome Screen

Lecture 92 Even More Welcome Screen Styling!

Lecture 93 Navigation from the Welcome Screen

Lecture 94 More on Welcome Screen Navigation

Section 10: Facebook Authentication

Lecture 95 Facebook Auth Flow

Lecture 96 The Facebook Dev Console

Lecture 97 Redux Setup

Lecture 98 Using Async Storage

Lecture 99 Crazy Async/Await Syntax

Lecture 100 Logging in With Facebook

Lecture 101 Testing Facebook’s Login Flow

Lecture 102 Quick Note

Lecture 103 World’s Biggest Gotcha

Lecture 104 The Auth Reducer

Lecture 105 Skipping the Auth Screen

Lecture 106 Testing Auth Flow

Lecture 107 Advancing the Welcome Screen

Lecture 108 Resolving the Loading Screen

Section 11: MapViews on React Native

Lecture 109 Showing a Map

Lecture 110 Interacting with the MapView

Lecture 111 Working around MapView Issues

Lecture 112 Indeed API Key

Lecture 113 The Indeed Jobs API

Lecture 114 Location API Mismatch

Lecture 115 Converting LatLong to Zip Code

Lecture 116 Fetching a List of Jobs

Lecture 117 Issuing Action Creators from MapScreen

Lecture 118 The Jobs Reducer

Lecture 119 Navigating from Action Creators

Lecture 120 The Deck Screen

Lecture 121 Importing the Deck Component

Lecture 122 Applying the Swipe Component

Lecture 123 Styling Job Cards

Lecture 124 Customizing MapViews

Lecture 125 Android Compatibility

Lecture 126 Dynamic Key Props

Lecture 127 One More Swipe Deck Fix

Lecture 128 Liking a Job

Lecture 129 Considering Only Unique Jobs

Lecture 130 The Review Screen

Lecture 131 Rendering a List of Liked Jobs

Lecture 132 Applying to Jobs

Lecture 133 Mapping a Jobs Location

Lecture 134 Styling the Job Card

Lecture 135 Clearing Liked Jobs

Lecture 136 Redirecting Back to the Map

Lecture 137 Callback Gotcha

Lecture 138 Tab Bar Icons

Lecture 139 Tab Bar Config

Lecture 140 Android Specific Fixes

Section 12: Offline Data Persistence

Lecture 141 Push Notifications and Data Persistence

Lecture 142 Persisting Application State

Lecture 143 Wiring Up Redux Persist

Lecture 144 How Redux Persist Works

Lecture 145 Redux Persist – Huge Gotcha!

Section 13: Push Notifications

Lecture 146 Push Notification Overview

Lecture 147 Registering For Push Notifications

Lecture 148 Generating Push Tokens

Lecture 149 Testing Notifications

Lecture 150 More on Notifications and Wrapup

Section 14: Bonus!

Lecture 151 Bonus!

This course is for anyone looking to learn advanced topics of React Native

Course Information:

Udemy | English | 16h 34m | 8.83 GB
Created by: Stephen Grider

You Can See More Courses in the Developer >> Greetings from

New Courses

Scroll to Top