Description
In this course, you will :
- 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.
Syllabus :
1. Animations with React Native
- How Animations Work
- Animation from Another Angle
- Swipe Deck Props
- Component Boilerplate
- Deck Data
- Interplay Between Components
- Customizing Individual Cards
2. Handling Gestures
- The Pan Responder System
- Pan Responder's Event Handlers
- The Gesture Object
- Dragging a Card
3. Applying Animation Styling
- 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
4. Component Reusability
- 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
5. One Time Password Authentication
- 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
6. Twilio Integration
- 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
7. Client Side One Time Passwords
- 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
8. Bringing it All Together
- 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
9. Facebook Authentication
- 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
10. MapViews on React Native
- 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
11. Offline Data Persistence
- Push Notifications and Data Persistence
- Persisting Application State
- Wiring Up Redux Persist
- How Redux Persist Works
- Redux Persist - Huge Gotcha!
12. Push Notifications
- Registering For Push Notifications
- Generating Push Tokens
- Testing Notifications
- More on Notifications and Wrapup