Module 13 Introduction
This is an introduction to the work we'll be doing in Module 13.0.
Get the project source code below, and follow along with the lesson material.
Download Project Source CodeTo set up the project on your local machine, please follow the directions provided in the README.md file. If you run into any issues with running the project source code, then feel free to reach out to the author in the course's Discord channel.
This lesson preview is part of the TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two course and can be unlocked immediately with a single-time purchase. Already have access to this course? Log in here.
Get unlimited access to TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two, plus 70+ \newline books, guides and courses with the \newline Pro subscription.
[00:00 - 00:30] In this module, we'll focus on the last major feature of our application, and that's allowing users to book listings from other users. That's right. In this module, we'll create and build the Create Booking GraphQL mutation, address that when a booking is created, how the booking's index of a listing is to be updated, and the client will see how we can disable dates that have already been booked in the date picker elements in the listing page.
[00:31 - 00:50] We'll show how we can surface a confirmation model that summarizes the amount to be paid when a user is ready to book a certain listing. We'll see how we can use an element from the React Stripe Elements library to capture debit or credit card information.
[00:51 - 01:04] And finally, when the Create Booking mutation is to be triggered, we'll verify that the payment is actually made, and all the expected updates in our application is made accordingly. (upbeat music)