Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 16.5 hours on-demand video
  • 6 articles
  • Full lifetime access
  • Access on mobile and TV
Development Mobile Development React Native

React Native: Advanced Concepts

Master the advanced topics of React Native: Animations, Maps, Notifications, Navigation and More!
Rating: 4.1 out of 54.1 (4,632 ratings)
41,650 students
Created by Stephen Grider
Last updated 1/2021
English
English [Auto], Indonesian [Auto], 
30-Day Money-Back Guarantee

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
Curated for the Udemy for Business collection

Course content

14 sections • 151 lectures • 16h 34m total length

  • Preview01:43
  • Github Links
    00:03
  • Creating React Native Apps
    02:23
  • Why Expo?
    06:44
  • Creating Our First App
    04:13

  • Preview06:15
  • The Animation Module
    Preview09:47
  • Preview08:14
  • Preview05:22
  • How Animations Work
    09:36
  • Animation from Another Angle
    08:47
  • Swipe Deck Props
    04:17
  • Component Boilerplate
    03:51
  • Deck Data
    00:18
  • Interplay Between Components
    07:34
  • Customizing Individual Cards
    13:51

  • The Pan Responder System
    10:23
  • Pan Responder's Event Handlers
    08:47
  • The Gesture Object
    09:54
  • Dragging a Card
    11:28

  • Animating Single Cards
    04:38
  • How to Rotate Elements
    06:59
  • Interpolating Rotation Values
    06:14
  • Linear Relations with Interpolation
    05:33
  • Limiting Rotation with Interpolation
    05:33
  • Springing Back to Default
    05:10
  • Detecting Minimum Swipe Distance
    07:22
  • Programmatic Animation
    08:41
  • Forcing Swipes
    04:11
  • Callbacks on Swipe Completion
    06:25

  • Writing Reusable Components
    04:49
  • The DefaultProps System
    04:20
  • Resetting Card Position
    06:03
  • Advancing the Deck
    06:10
  • Handling Empty Lists
    06:49
  • Getting the Cards to Stack
    08:31
  • Troubleshooting Flashing Images
    03:09
  • Cascading Card List
    05:34
  • Animating Advancing Cards
    04:22
  • Resetting the Index
    05:15
  • Deck Wrapup
    03:39

  • Review of Common Auth Flows
    08:20
  • The Details of One Time Passwords
    10:04
  • Tech Stack with Google Cloud Functions
    08:26
  • Traditional Servers vs Google Cloud Functions
    08:21
  • Layout of Google Cloud Functions
    09:49
  • Firebase Project Setup
    07:21
  • Deploying a Firebase Project
    04:35
  • Testing Deployed Functions
    07:42
  • Project File Structure
    05:48
  • The Request and Response Objects
    10:49
  • Generating a Service Account
    05:48
  • Sanitizing User Inputs
    08:54
  • Creating New Users
    06:22
  • Testing New User Creation
    05:23

  • Texting from Twilio
    06:29
  • Twilio Credentials
    07:03
  • Accessing Saved Users
    06:10
  • Quick Note
    00:27
  • Sending Texts to Users
    08:45
  • Generating Access Codes
    09:05
  • Verifying One Time Passwords
    08:00
  • Invalidating Used Codes
    07:52
  • Generating JWT's
    04:31

  • Transitioning to React Native
    02:53
  • App Boilerplate
    06:57
  • Defining Instance Properties
    08:09
  • Invoking Cloud Functions
    06:57
  • Refactoring with Async/Await
    09:07
  • Debugging with Async/Await
    04:33
  • Async/Await on User Signin
    05:59
  • Capturing Tokens
    03:52
  • Firebase Auth with a JWT
    05:58
  • Breather and Review
    07:23

  • App Overview
    05:39
  • Screen Walkthrough
    06:23
  • More Screen Walkthroughs
    06:41
  • App Challenges and Solutions
    05:09
  • Screens vs Components
    03:12
  • React Native Navigation Options
    09:20
  • React Navigation in Practice
    10:24
  • Screen Boilerplate
    07:05
  • Implementing the First Navigator
    07:13
  • Nesting Navigators
    07:11
  • Wiring Up Stack Navigators
    03:15
  • Class vs Instance Properties
    05:39
  • Customization with Header Options
    04:43
  • Programmatic Navigation
    06:41
  • Styling the NavBar
    05:12
  • The Welcome Screen
    06:11
  • Styling the Welcome Screen
    07:40
  • Even More Welcome Screen Styling!
    08:39
  • Navigation from the Welcome Screen
    04:57
  • More on Welcome Screen Navigation
    10:01

  • Facebook Auth Flow
    05:31
  • The Facebook Dev Console
    05:50
  • Redux Setup
    13:00
  • Using Async Storage
    10:06
  • Crazy Async/Await Syntax
    13:00
  • Logging in With Facebook
    17:46
  • Testing Facebook's Login Flow
    10:37
  • Quick Note
    00:16
  • World's Biggest Gotcha
    09:13
  • The Auth Reducer
    05:46
  • Skipping the Auth Screen
    08:49
  • Testing Auth Flow
    03:51
  • Advancing the Welcome Screen
    11:36
  • Resolving the Loading Screen
    03:01

Requirements

  • Basic understanding of React Native

Description

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.

Who this course is for:

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

Featured review

Guillaume Grassiant
Guillaume Grassiant
74 courses
23 reviews
Rating: 5.0 out of 59 months ago
A pretty amazing course again by Stephen. Very thorough and interesting. All that with the usual Stephen's style. Yes, some deps or libs are outdated but the logic remains. For my part, I took the liberty to generate the app with react-native CLI + TypeScript instead of Expo and updated my deps to use React Navigation 5 but the rest of the course is applicable. So I highly recommend this course to anyone wanting to go a bit further than the usual tutorials on RN.

Instructor

Stephen Grider
Engineering Architect
Stephen Grider
  • 4.7 Instructor Rating
  • 277,539 Reviews
  • 730,193 Students
  • 29 Courses

Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area.  With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course. He teaches on Udemy to share the knowledge he has gained with other software engineers.  Invest in yourself by learning from Stephen's published courses.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.