Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
Automatically Scroll to Top of Page With React useLayoutEffect

lesson

Automatically Scroll to Top of Page With React useLayoutEffectTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

We'll see how React's useLayoutEffect Hook can help have our application window be scrolled to the top when we navigate from page to page.

How to Customize Apollo Client Caching and Fetch Policy

lesson

How to Customize Apollo Client Caching and Fetch PolicyTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

We discuss Apollo Client's intelligent caching system and ways one can manipulate the fetch policy of query requests.

Build a Custom 404 Not Found Page With React Router

lesson

Build a Custom 404 Not Found Page With React RouterTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

In this lesson, we build the UI for the NotFound page shown when a user ever navigates to a route not defined in our app.

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.