React Native- Advanced Concepts

React Native: Advanced Concepts, available at $99.99, has an average rating of 4.28, with 152 lectures, based on 5639 reviews, and has 53403 subscribers.

You will learn about 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 This course is ideal for individuals who are This course is for anyone looking to learn advanced topics of React Native It is particularly useful for This course is for anyone looking to learn advanced topics of React Native.

Enroll now: React Native: Advanced Concepts

Summary

Title: React Native: Advanced Concepts

Price: $99.99

Average Rating: 4.28

Number of Lectures: 152

Number of Published Lectures: 151

Number of Curriculum Items: 152

Number of Published Curriculum Objects: 151

Original Price: $84.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

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

Target Audiences

This course is for anyone looking to learn advanced topics 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?systems

Bootstrap your app using the new Expo platform

Navigate your user around using React-Navigation

Engage your users with automated Push Notifications

Enhance authentication flows in your app with One Time Passwords with Twilio

Increase your app’s reliability with Offline Data Persistence

Educate your users on how to use your app with Welcome Tutorial pages

Authenticate your users using Facebook OAuth

Go beyond the mobile front end with Google Cloud Functions:?Add custom logic to your Firebase backend

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

Course Curriculum

Chapter 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

Chapter 2: Animations with React Native

Lecture 1: Animation Systems

Lecture 2: The Animation Module

Lecture 3: Animation from Square One

Lecture 4: Moving a Ball

Lecture 5: How Animations Work

Lecture 6: Animation from Another Angle

Lecture 7: Swipe Deck Props

Lecture 8: Component Boilerplate

Lecture 9: Deck Data

Lecture 10: Interplay Between Components

Lecture 11: Customizing Individual Cards

Chapter 3: Handling Gestures

Lecture 1: The Pan Responder System

Lecture 2: Pan Responders Event Handlers

Lecture 3: The Gesture Object

Lecture 4: Dragging a Card

Chapter 4: Applying Animation Styling

Lecture 1: Animating Single Cards

Lecture 2: How to Rotate Elements

Lecture 3: Interpolating Rotation Values

Lecture 4: Linear Relations with Interpolation

Lecture 5: Limiting Rotation with Interpolation

Lecture 6: Springing Back to Default

Lecture 7: Detecting Minimum Swipe Distance

Lecture 8: Programmatic Animation

Lecture 9: Forcing Swipes

Lecture 10: Callbacks on Swipe Completion

Chapter 5: Component Reusability

Lecture 1: Writing Reusable Components

Lecture 2: The DefaultProps System

Lecture 3: Resetting Card Position

Lecture 4: Advancing the Deck

Lecture 5: Handling Empty Lists

Lecture 6: Getting the Cards to Stack

Lecture 7: Troubleshooting Flashing Images

Lecture 8: Cascading Card List

Lecture 9: Animating Advancing Cards

Lecture 10: Resetting the Index

Lecture 11: Deck Wrapup

Chapter 6: One Time Password Authentication

Lecture 1: Review of Common Auth Flows

Lecture 2: The Details of One Time Passwords

Lecture 3: Tech Stack with Google Cloud Functions

Lecture 4: Traditional Servers vs Google Cloud Functions

Lecture 5: Layout of Google Cloud Functions

Lecture 6: Firebase Project Setup

Lecture 7: Deploying a Firebase Project

Lecture 8: Testing Deployed Functions

Lecture 9: Project File Structure

Lecture 10: The Request and Response Objects

Lecture 11: Generating a Service Account

Lecture 12: Sanitizing User Inputs

Lecture 13: Creating New Users

Lecture 14: Testing New User Creation

Chapter 7: Twilio Integration

Lecture 1: Texting from Twilio

Lecture 2: Twilio Credentials

Lecture 3: Accessing Saved Users

Lecture 4: Quick Note

Lecture 5: Sending Texts to Users

Lecture 6: Generating Access Codes

Lecture 7: Verifying One Time Passwords

Lecture 8: Invalidating Used Codes

Lecture 9: Generating JWTs

Chapter 8: Client Side One Time Passwords

Lecture 1: Transitioning to React Native

Lecture 2: App Boilerplate

Lecture 3: Defining Instance Properties

Lecture 4: Invoking Cloud Functions

Lecture 5: Refactoring with Async/Await

Lecture 6: Debugging with Async/Await

Lecture 7: Async/Await on User Signin

Lecture 8: Capturing Tokens

Lecture 9: Firebase Auth with a JWT

Lecture 10: Breather and Review

Chapter 9: Bringing it All Together

Lecture 1: App Overview

Lecture 2: Screen Walkthrough

Lecture 3: More Screen Walkthroughs

Lecture 4: App Challenges and Solutions

Lecture 5: Screens vs Components

Lecture 6: React Native Navigation Options

Lecture 7: React Navigation in Practice

Lecture 8: Screen Boilerplate

Lecture 9: Implementing the First Navigator

Lecture 10: Nesting Navigators

Lecture 11: Wiring Up Stack Navigators

Lecture 12: Class vs Instance Properties

Lecture 13: Customization with Header Options

Lecture 14: Programmatic Navigation

Lecture 15: Styling the NavBar

Lecture 16: The Welcome Screen

Lecture 17: Styling the Welcome Screen

Instructors

Stephen Grider
Engineering Architect

Rating Distribution

1 stars: 99 votes

2 stars: 132 votes

3 stars: 466 votes

4 stars: 1390 votes

5 stars: 3552 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!