Module 6 Intro

Introduction to Module 6.0.

We have a new React project now created. In this module, we'll have our client make API requests to our server using GraphQL.

This lesson preview is part of the TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL course and can be unlocked immediately with a single-time purchase. Already have access to this course? Log in here.

This video is available to students only
Unlock This Course

Get unlimited access to TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL with a single-time purchase.

Thumbnail for the \newline course TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL
  • [00:00 - 00:07] We now have a new React project created. In this module, we'll have our client make API request to our server using GraphQL.

    [00:08 - 00:18] - That's right. And in detail, we'll first construct a functional React component. Use TypeScript to check the props and state of the component.

    [00:19 - 00:31] See how we can go about defining the type of the functional component. Create a fetch function to help query our GraphQL API, just like how we've seen from GraphQL Playground.

    [00:32 - 00:43] See how TypeScript generics can help abstract the type of retrieved data from the API. And finally, use the fetch function we've created to run the delete listing mutation.

    [00:44 - 00:45] (upbeat music)