Go to Preview Lesson
Go to Preview Lesson
LESSON 1.4
Code Patterns & Behavior
LESSON 1.5
How To Go Through The Course
TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two
MODULE 1
Introduction
LESSON 1.1
Part Two Welcome
LESSON 1.2
The TinyHouse App
LESSON 1.3
Walkthrough of TinyHouse Code
LESSON 1.4
Code Patterns & Behavior
LESSON 1.5
How To Go Through The Course
MODULE 2
Set-up for Part 2
LESSON 2.1
Set-up For Part II
MODULE 3
Routing in TinyHouse
LESSON 3.1
Module 2 Introduction
LESSON 3.2
Server-side vs Client-Side Routing in a Web Application
LESSON 3.3
Build Web App Navigation With React Router and BrowserRouter
MODULE 4
Setting up our Database
LESSON 4.1
Module 3 Introduction
LESSON 4.2
How to Build MongoDB Database Collections in React
LESSON 4.3
Build a MongoDB Document Schema: Examples and Best Practices
LESSON 4.4
How to Build a Seed Function to Add Data to MongoDB
MODULE 5
User Authentication with Google Sign-In & OAuth 2.0
LESSON 5.1
Module 4 Introduction
LESSON 5.2
How Does OAuth 2.0 Work? [with diagrams and examples]
LESSON 5.3
How to Get Google Access Credentials for OAuth Authentication
LESSON 5.4
The GraphQL Document Fields Needed for Google Sign-In
LESSON 5.5
Using Google Auth and People API With React and GraphQL
LESSON 5.6
Build GraphQL Authentication Resolvers for Google Auth
LESSON 5.7
How to Build a Custom Google Sign-In UI in React
LESSON 5.8
How to Query Google Sign-In Authentication URL From a Client
LESSON 5.9
How to Build a React Header With a React Log Out Mutation
LESSON 5.10
Module 4 Summary
MODULE 6
Persist Login Sessions with Cookies
LESSON 6.1
Module 5 Introduction
LESSON 6.2
How to Store Persistent Google Sign-In Sessions With Cookies
LESSON 6.3
sessionStorage vs localStorage vs Cookies for Secure Storage
LESSON 6.4
Using NPM cookie-parser to Read Cookies in React
LESSON 6.5
How to Use a Viewer Cookie to Automatically Log In a User
LESSON 6.6
Prevent Cross-Site Request Forgery Attacks With X-CSRF Token
LESSON 6.7
Module 5 Summary
MODULE 7
Building the User Page
LESSON 7.1
Module 6 Introduction
LESSON 7.2
Building a GraphQL Query to Fetch User Account Data Fields
LESSON 7.3
How to Modify GraphQL Type Definitions to Support TypeScript
LESSON 7.4
How to Build Paginating GraphQL Resolvers [with examples]
LESSON 7.5
How to Build a UserProfile Component With React and GraphQL
LESSON 7.6
Build User Profile Pages With GraphQL, Ant Design, & Apollo
LESSON 7.7
Module 6 Summary
MODULE 8
Building the Listing Page
LESSON 8.1
Module 7 Introduction
LESSON 8.2
Requesting a Single Set of GraphQL Fields
LESSON 8.3
Building a GraphQL Resolver For Specific Fields
LESSON 8.4
How to Query for GraphQL Data With Limits and Filters
LESSON 8.5
Build a Grid Column Layout with Ant Design in React
LESSON 8.6
Build a Booking Form With React and GraphQL
LESSON 8.7
Module 7 Summary
MODULE 9
Building the Home Page
LESSON 9.1
Module 8 Introduction
LESSON 9.2
Listings GraphQL Fields
LESSON 9.3
Building a GraphQL Resolver For Filtered and Sorted Results
LESSON 9.4
Building a Card-Based Homepage Layout in React
LESSON 9.5
Sort GraphQL Data And Display Filtered Results in React
LESSON 9.6
Module 8 Summary
MODULE 10
Searching for listings with Google's Geocoding API
LESSON 10.1
Module 9 Introduction
LESSON 10.2
Get Started With Google Geocoding API for Location Data
LESSON 10.3
How to Implement Location Search With GraphQL and Google
LESSON 10.4
Using the Google Maps Node.js Client With GraphQL
LESSON 10.5
Building a Location-Based Listings Search Page in React
LESSON 10.6
Building Filters and Pagination in React [with examples]
LESSON 10.7
Building a React Search Bar in the App Header
LESSON 10.8
How to Index Location Search Results With MongoDB Indexes
LESSON 10.9
Module 9 Summary
MODULE 11
Connecting with Stripe
LESSON 11.1
Module 10 Introduction
LESSON 11.2
Building a Payment Platform With Stripe and Stripe Connect
LESSON 11.3
How to Get Stripe Connect OAuth Credentials for Payments
LESSON 11.4
Building a GraphQL Schema for Stripe Connect Integration
LESSON 11.5
Integrating the Stripe NPM Library With React and GraphQL
LESSON 11.6
Adding Connect with Stripe to a React App
LESSON 11.7
How to Disconnect and Remove a Client's Stripe Account
LESSON 11.8
Module 10 Summary
MODULE 12
Hosting new listings
LESSON 12.1
Module 11 Introduction
LESSON 12.2
HostListing GraphQL Fields
LESSON 12.3
Building a GraphQL Resolver to Receive New Listing Data
LESSON 12.4
How to Build a Listing Form Interface in React and Stripe
LESSON 12.5
Build a GraphQL Mutation to Store Listing Data and Uploads
LESSON 12.6
Module 11 Summary
MODULE 13
Cloudinary & Image Storage
LESSON 13.1
Module 12 Introduction
LESSON 13.2
Why Use Cloudinary to Host Images in the Cloud?
LESSON 13.3
How to Integrate Cloudinary With React and GraphQL
MODULE 14
Booking listings
LESSON 14.1
Module 13 Introduction
LESSON 14.2
CreateBooking GraphQL Fields
LESSON 14.3
Build a Booking System With React, GraphQL, and Stripe API
LESSON 14.4
How to Store New Bookings and Resolve Overlapping Bookings
LESSON 14.5
How to Build a React Booking UI That Blocks Booked Dates
LESSON 14.6
Build a Confirmation Dialog in React and Ant Design
LESSON 14.7
How to Build a Stripe React Payment Form
LESSON 14.8
Build a GraphQL Mutation to Save Bookings and Test Stripe
LESSON 14.9
Module 13 Summary
MODULE 15
Deploying with Heroku
LESSON 15.1
Module 14 Introduction
LESSON 15.2
IaaS vs PaaS vs SaaS: An Intro to Cloud Computing
LESSON 15.3
A Step-by-Step Guide to Deploying a React App to Heroku
LESSON 15.4
Walkthrough of Deployed App
MODULE 16
Bonus Module
LESSON 16.1
Module 15 Introduction
LESSON 16.2
Build a Custom 404 Not Found Page With React Router
LESSON 16.3
How to Customize Apollo Client Caching and Fetch Policy
LESSON 16.4
Automatically Scroll to Top of Page With React useLayoutEffect
LESSON 16.5
How to Customize React Router Hooks
LESSON 16.6
How to Use the Stripe Deauthorize Function in React
LESSON 16.7
How to Optimize a React Date Picker
MODULE 17
Part Two Conclusion
LESSON 17.1
Part Two Conclusion
MODULE 18
PostgreSQL & TypeORM
LESSON 18.1
Module 17 Introduction
LESSON 18.2
SQL vs NoSQL: Pros and Cons for Building a Web App
LESSON 18.3
How to Start Using PostgreSQL and Migrate From MongoDB
LESSON 18.4
An Intro to Object-Relational Mapping With TypeORM in Node.js
LESSON 18.5
How to Migrate a React App From MongoDB to PostgreSQL
MODULE 19
Unit Testing (Client)
LESSON 19.1
Module 18 Introduction
LESSON 19.2
Getting Started
LESSON 19.3
An Intro to Pushing Code to GitHub and Creating Pull Requests
MODULE 20
Package Updates
LESSON 20.1
Google Maps Node Package Update
Go to Next Lesson
Go to Next Lesson
LESSON 2.1
Set-up For Part II
Go Pro
Lesson
Editor