Using React Query with fetch
In this section, we will build an app containing a form that allows users to search and star GitHub repositories. The app will also have a header containing our name from GitHub. We will use the browser fetch
function with React Query to interact with the GitHub GraphQL API. Let’s get started.
Creating the header
We will create the header for the app, which will contain our GitHub name. We will create a Header
component containing this, which will be referenced from the App
component. The Header
component will use React Query to execute a function that gets our GitHub name calling the GitHub GraphQL API.
Creating a function to get viewer information
Carry out the following steps to create a function that makes a request to the GitHub GraphQL API to get details about the logged-in viewer:
- We will start by creating a folder for the API calls. Create an
api
folder in thesrc
folder. - Now, we will create a type that the function...