Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
https://embed-ssl.wistia.com/deliveries/829520fd4fa5a45e6c11bef0859d77e8.jpg

lesson

How to Use GraphQL Mutations and QueriesThe newline Guide to Building Your First GraphQL Server with Node and TypeScript

In this lesson, we'll look to mimic the listings retrieval and manipulation we had in our Express RESTful API but with GraphQL instead.

https://image.mux.com/1q7bqVLFOnPnIz02v024khAS017Nay1cA67yuXaEI00jpJ4/thumbnail.png?undefined

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.

https://image.mux.com/Flo8A2HG2rNcDq7YHcoutZwuw5L61X012yq8mgJWYSYA/thumbnail.png?undefined

lesson

Build a GraphQL Mutation to Store Listing Data and UploadsTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

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

https://embed-ssl.wistia.com/deliveries/6bb263fda6eee07ea6ad474a81613ee7.jpg

lesson

How to Build a React Header With a React Log Out MutationTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

A user is now able to successfully sign-in from the Login page. In this lesson, we'll spend some time creating the AppHeader component that will help allow users to navigate around our app.

https://embed-ssl.wistia.com/deliveries/27ceb48f2002f515e22038f1e3c22e3a.jpg

lesson

How to Replace useQuery and useMutation With Apollo HooksTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

With the Apollo client available everywhere in our app, we'll replace the use of the custom useQuery and useMutation Hooks with the variations provided to us from the React Apollo library.

https://embed-ssl.wistia.com/deliveries/535c927d70f8b2fbe6da66123a5989d0.jpg

lesson

How to Customize the React useMutation HookTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

In this lesson, we'll create a custom useMutation Hook which will abstract the server fetch functionality needed to conduct a mutation from a component.