How to Fetch Data from an API?

API stands for Application Programming Interface. It acts as a software intermediary that allows two applications to communicate. APIs provide an accessible way to extract and share data within and across organizations.

According to Wikipedia: In computer programming, an API is a set of subroutine definitions, protocols, and tools for building software and applications.

Below is an example of using fetch() inside a React component.

It fetches posts from https://jsonplaceholder.typicode.com/posts and displays their titles.

export default function App() {
  return (
    <div>
      <h1>Hello React!</h1>
    </div>
  );
}