Explore all newline lessons
lesson
Module 15 IntroductionTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoThis is an introduction to the work we'll be doing in Module 15.0.
lesson
Walkthrough of Deployed AppTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoFor the last core lesson of the course, we'll take a walkthrough of our deployed app to ensure everything works as intended. By the end of this lesson, we'll also spend a little time quickly summarizing what we've done to have our application be deployed.
lesson
A Step-by-Step Guide to Deploying a React App to HerokuTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoHeroku is a platform as a service (PaaS) that's been around since June 2007 and supports the deployment of several programming languages. In this lesson, we'll use Heroku to help deploy our TinyHouse application on to the cloud!
lesson
IaaS vs PaaS vs SaaS: An Intro to Cloud ComputingTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoWe've finished building the application that we've wanted so we'll now focus on deployment. There's no use in having a great app if we can't deploy it for others to use! Before we dive into what form of deployment we're going to conduct, we'll talk about cloud computing and its importance when it comes to the world of deployment.
lesson
Module 14 IntroductionTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoThis is an introduction to the work we'll be doing in Module 14.0.
lesson
Module 13 SummaryTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoThis lesson is a summary of the work we've done in Module 13.0.
lesson
Build a GraphQL Mutation to Save Bookings and Test StripeTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoIn this lesson, we'll wrap-up what we've done in the last few lessons by now collecting all relevant information and triggering the `createBooking` mutation when a user is ready to confirm their booking.
lesson
How to Build a Stripe React Payment FormTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoWe'll continue from what we've done in the previous lesson by looking to capture a user's credit or debit card information when a booking is to be made, with the help of the React Stripe Elements library.
lesson
Build a Confirmation Dialog in React and Ant DesignTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoIn this lesson, we'll look to prepare the confirmation modal that gets displayed to the user when the users requests to make a booking.
lesson
How to Build a React Booking UI That Blocks Booked DatesTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoIn this lesson, we'll begin to work on the client-side to facilitate the booking of a listing. We'll begin by first disabling any dates in the listing page datepickers that have been previously booked by other users.
lesson
How to Store New Bookings and Resolve Overlapping BookingsTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoIn this lesson, we'll continue from the previous lesson and look to see how we can update the bookingsIndex of a listing document with the dates that have recently been booked by a tenant.
lesson
Build a Booking System With React, GraphQL, and Stripe APITinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoBefore we begin to implement the `createBooking` mutation resolver, we'll first create the utility function that will facilitate a Stripe charge with the help of Stripe's API.