3 Fundamental Concepts to Fully Understand how the fetch api works

Press Enter or click to View Image In Full Size

Undersrstanding the fetch api can be challenging, particularly for that new to javaaskript’s unique approach to handling asynchronous operations. Among the many features of modern javascript, the fetch api stands out for its ability to handle network requests elegantly. However, the syntax of chaining .then() Methods can see unusual at first glass. To full grassp how the fetch api works, it’s vital to understand three core concepts:

In programming, synchronous code is executed in Sequence. Each Statement Waits for the Previous One to Finish Before Executing. JavaScript, Being Single-Threaded, Runs Code in a Linear Fashion. However, certain operations, like network requests, file system tasks, or timers, count block this thread, making the user experience unresponsive.

Here’s a simple example of synchronous code:

function doTaskOne() {
console.log('Task 1 completed');
}
function doTaskTwo() {
console.log('Task 2 completed');
}
doTaskOne();
doTaskTwo();
// Output:
// Task 1 completed
// Task 2 completed