Simplest Way to Fetch API Using Fetch Method

Javascript fetch api

In this example, we’re fetching data from API. The then() method is used to handle the response, converting it to JSON using the json() method. The second then() block logs the retrieved data to the console, and the catch() block handles errors if the request fails.
API URL :  https://jsonplaceholder.typicode.com/todos/

JAVASCIPRT

API url declared in const (url = “https://jsonplaceholder.typicode.com/todos/”) , we have declared a variable to store the response from api to the variavle (apiData), so when fetch function runs , it will fetch the url and get the data as a response and if there is any error in API or API server then is will throw an error as console.log(error).

Further reading

  • React UseEffect | simplifyScript

    Understanding the useEffect hook in React

    In this article, we will learn about another React hook called useEffect(), through this article you will be able to understand what is react useEffect Hook and how to use useEffect() hook in react, this is most communally used hook after useState() hook, we mostly use this hook in every component on react now first […]
  • React useState function

    How to Use useState Hook in React Application

     In a React application, normal vanilla JavaScript may not work for some concepts. For example, if I want to toggle a class on a button click or add and remove classes, I might need to show a popup on the website. This can be easily achieved in vanilla JavaScript using the element.classList.toggle(“newClass”) method, allowing us to add […]
  • javascript DOm manipulation - simplifyscript

    What is DOM manipulation in javascript 

    In this article, we will explore JavaScript DOM manipulation, a key feature of JavaScript that allows developers to modify the Document Object Model (DOM) of a webpage. DOM manipulation enables you to dynamically alter the content and structure of HTML documents. To grasp this concept thoroughly, we’ll start by defining what the DOM is and […]