React Native: Advanced Concepts by Udemy
Master the advanced topics of React Native: Animations, Maps, Notifications, Navigation and More!
Course Highlights
- 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
Skills you will learn!
Curriculum
5 Topics
Introduction - Start Here!
Github Links
Creating React Native Apps
Why Expo?
Creating Our First App
11 Topics
Animation Systems
The Animation Module
Animation from Square One
Moving a Ball
How Animations Work
Animation from Another Angle
Swipe Deck Props
Component Boilerplate
Deck Data
Interplay Between Components
Customizing Individual Cards
4 Topics
The Pan Responder System
Pan Responder's Event Handlers
The Gesture Object
Dragging a Card
10 Topics
Animating Single Cards
How to Rotate Elements
Interpolating Rotation Values
Linear Relations with Interpolation
Limiting Rotation with Interpolation
Springing Back to Default
Detecting Minimum Swipe Distance
Programmatic Animation
Forcing Swipes
Callbacks on Swipe Completion
11 Topics
Writing Reusable Components
The DefaultProps System
Resetting Card Position
Advancing the Deck
Handling Empty Lists
Getting the Cards to Stack
Troubleshooting Flashing Images
Cascading Card List
Animating Advancing Cards
Resetting the Index
Deck Wrapup
14 Topics
Review of Common Auth Flows
The Details of One Time Passwords
Tech Stack with Google Cloud Functions
Traditional Servers vs Google Cloud Functions
Layout of Google Cloud Functions
Firebase Project Setup
Deploying a Firebase Project
Testing Deployed Functions
Project File Structure
The Request and Response Objects
Generating a Service Account
Sanitizing User Inputs
Creating New Users
Testing New User Creation
9 Topics
Texting from Twilio
Twilio Credentials
Accessing Saved Users
Quick Note
Sending Texts to Users
Generating Access Codes
Verifying One Time Passwords
Invalidating Used Codes
Generating JWT's
10 Topics
Transitioning to React Native
App Boilerplate
Defining Instance Properties
Invoking Cloud Functions
Refactoring with Async/Await
Debugging with Async/Await
Async/Await on User Signin
Capturing Tokens
Firebase Auth with a JWT
Breather and Review
20 Topics
App Overview
Screen Walkthrough
More Screen Walkthroughs
App Challenges and Solutions
Screens vs Components
React Native Navigation Options
React Navigation in Practice
Screen Boilerplate
Implementing the First Navigator
Nesting Navigators
Wiring Up Stack Navigators
Class vs Instance Properties
Customization with Header Options
Programmatic Navigation
Styling the NavBar
The Welcome Screen
Styling the Welcome Screen
Even More Welcome Screen Styling!
Navigation from the Welcome Screen
More on Welcome Screen Navigation
14 Topics
Facebook Auth Flow
The Facebook Dev Console
Redux Setup
Using Async Storage
Crazy Async/Await Syntax
Logging in With Facebook
Testing Facebook's Login Flow
Quick Note
World's Biggest Gotcha
The Auth Reducer
Skipping the Auth Screen
Testing Auth Flow
Advancing the Welcome Screen
Resolving the Loading Screen
32 Topics
Showing a Map
Interacting with the MapView
Working around MapView Issues
Indeed API Key
The Indeed Jobs API
Location API Mismatch
Converting LatLong to Zip Code
Fetching a List of Jobs
Issuing Action Creators from MapScreen
The Jobs Reducer
Navigating from Action Creators
The Deck Screen
Importing the Deck Component
Applying the Swipe Component
Styling Job Cards
Customizing MapViews
Android Compatibility
Dynamic Key Props
One More Swipe Deck Fix
Liking a Job
Considering Only Unique Jobs
The Review Screen
Rendering a List of Liked Jobs
Applying to Jobs
Mapping a Jobs Location
Styling the Job Card
Clearing Liked Jobs
Redirecting Back to the Map
Callback Gotcha
Tab Bar Icons
Tab Bar Config
Android Specific Fixes
5 Topics
Push Notifications and Data Persistence
Persisting Application State
Wiring Up Redux Persist
How Redux Persist Works
Redux Persist - Huge Gotcha!
5 Topics
Push Notification Overview
Registering For Push Notifications
Generating Push Tokens
Testing Notifications
More on Notifications and Wrapup
1 Topic
Bonus!
React Native: Advanced Concepts
Related React Native Courses
Thank You!
Your review has been submitted successfully.