How to make HTTP requests using Fetch API and Promises with chain then

fetch() - Requesting Data
• You use fetch(url) to send a request to a server.
• The fetch() function returns a Promise that will resolve when the server responds.
Handling the Response with .then()
• The first .then() is used to process the server response.
• The server sends data back as a string, but you need it as a JSON object to work with it easily.
.catch() - Error Handling
catch() is used for handling errors if something goes wrong. It will catch network errors or errors in the chain, like issues with parsing JSON or other problems in the .then() chain.
Arrow Functions
People often use arrow functions inside .then() and .catch() because they are concise and easier to read.
1. fetch(url) sends a request to the server.
2. The response from the server is usually a string, but you need it as a JSON object.
4. You use .then() to process the transformed JSON data.
5. You use .catch() to catch errors if the process fails.
6. Arrow functions are often used inside .then() and .catch() to handle the results and errors.