Explore all newline lessons
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.
lesson
CreateBooking GraphQL FieldsTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoFor users to book a listing in our app, we'll need functionality to handle this as well as the capability to process transactions between the tenant and host. In this lesson, we'll establish the GraphQL fields in our API that will help achieve this.
lesson
Module 13 IntroductionTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoThis is an introduction to the work we'll be doing in Module 13.0.
lesson
How to Integrate Cloudinary With React and GraphQLTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoIn this lesson, we'll pick up from what we've done in the previous lesson by modifying our server code to utilize Cloudinary to host listing images for our TinyHouse application.
lesson
Why Use Cloudinary to Host Images in the Cloud?TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoIn this lesson and module, we'll investigate to see if there's a better way of storing the newly created images for listings in our database. We'll discuss and investigate cloud-based image and video management services and see how we can use Cloudinary for our application.
lesson
Module 12 IntroductionTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoThis is an introduction to the work we'll be doing in Module 12.0.
lesson
Module 11 SummaryTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoThis lesson is a summary of the work we've done in Module 11.0.
lesson
Build a GraphQL Mutation to Store Listing Data and UploadsTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoThe majority of the work we've needed to do for the form shown in the `/host` page was completed in the last lesson. In this lesson, we collect the values a user is to enter in the form and when the user decides to submit the form, we'll trigger the `hostListing` mutation we have in our API and pass the relevant input along.
lesson
How to Build a Listing Form Interface in React and StripeTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoWe'll now begin to work on the form on the client application where a user can create (i.e. host) a new listing. The form we'll build will essentially be the UI of the `/host` route of our application.
lesson
Building a GraphQL Resolver to Receive New Listing DataTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoWe'll continue from what we've done in the previous lesson by having the `hostListing` resolver function we've created receive an input with new listing information which will then be added to the `"listings"` collection in our database.