Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
Walkthrough of Deployed App

lesson

Walkthrough of Deployed AppTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

For 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.

A Step-by-Step Guide to Deploying a React App to Heroku

lesson

A Step-by-Step Guide to Deploying a React App to HerokuTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

Heroku 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!

IaaS vs PaaS vs SaaS: An Intro to Cloud Computing

lesson

IaaS vs PaaS vs SaaS: An Intro to Cloud ComputingTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

We'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.

Build a GraphQL Mutation to Save Bookings and Test Stripe

lesson

Build a GraphQL Mutation to Save Bookings and Test StripeTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

In 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.

How to Build a Stripe React Payment Form

lesson

How to Build a Stripe React Payment FormTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

We'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.

Build a Confirmation Dialog in React and Ant Design

lesson

Build a Confirmation Dialog in React and Ant DesignTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

In this lesson, we'll look to prepare the confirmation modal that gets displayed to the user when the users requests to make a booking.

How to Build a React Booking UI That Blocks Booked Dates

lesson

How to Build a React Booking UI That Blocks Booked DatesTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

In 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.

How to Store New Bookings and Resolve Overlapping Bookings

lesson

How to Store New Bookings and Resolve Overlapping BookingsTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

In 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.

Build a Booking System With React, GraphQL, and Stripe API

lesson

Build a Booking System With React, GraphQL, and Stripe APITinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

Before 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.