Summary
In this chapter, we used the browser’s fetch function to make HTTP GET and POST requests. The request’s URL is the first argument on the fetch function. The second argument on fetch allows the request options to be specified, such as the HTTP method and body.
A type assertion function can be used to strongly type the data in the response body of an HTTP request. The function takes in the data having an unknown type. The function then carries out checks to validate the type of data and throws an error if it is invalid. If no errors occur, the asserted type for the data is specified in the functions assertion signature.
React’s useEffect hook can be used to execute a call to fetch data from a backend API and store the data in the state when the component is mounted. A flag can be used inside useEffect to ensure the component is still mounted after the HTTP request before the data state is set.
React Query and React Router replace the use of useEffect...