Fetch API with Async/Await (GET, POST, PUT, DELETE)

Показать описание

Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). I'll help you master the latest tech here:

👉 Discord: all my courses have a private Discord where I actively participate

⏱️ Timestamps:
0:00 - Intro
0:11 - GET-request with traditional syntax (.then & .catch)
6:18 - GET-request with modern syntax (async / await & try / catch)
10:50 - Side-by-side comparison
11:01 - POST-request with async/await
13:22 - PUT-request with async/await
14:02 - DELETE-request with async/await
14:24 - Improvements

#fetch #fetchapi #asyncawait #javascript #js

Рекомендации по теме

Комментарии

This is the best content available on the internet rn. I have searched several youtube channels but finally found a reason to smile

princeoguru

Wow, this guy is a good teacher. Very clear explanation.

AlbrechtJ

Thank you so much for your explanation! I was searching for a particular video that could cover a lof of ground on api and I found it. Your explanation is clear and precise and doesn't make any problems to understand comparing to the content in my native language

Coding-lsys

Tutorials by You and Net Ninja are just at another level🙌

ulugbektoshmatov

Hey dude, I just want you to know that your video helps me to understand better how to manipulate data from API. Thank You!

archangel

Thank you for this amazing content! Helped me a lot and it was the best I found on internet!

erickgarciacosta

very well explained and presented! Thanks very much!

leythecg

Excellent explanation... that is teaching ❤

prasad_yt

How to switch to another page properly? It shows that "total_pages: 2" within the data object.

basmong

Thanks for the video! Very useful!
I have a few questions:
@ 3:29 line 6
1) is this return statement mandatory/necessary?
2) How can we use this return statement? I'm trying to store the json data retrieved by fetch like this:
let words = fetch('words.json').then(res => {return res.json()})... or return the data in the next then() block but instead of the the array i'm expecting to get i'm getting a promise object. Of course i can declare a global array var and assign the res.json() to it... but i thought all these new features could somehow eliminate the use of global vars.

Any ideas please?

bitcollector

where can i get the source code you used in this video my good sir?

Khiladi-Kisse

Fetch API with Async/Await (GET, POST, PUT, DELETE)

Fetch API with Async/Await (GET, POST, PUT, DELETE)

Using Async/Await with the Fetch API - JavaScript Tutorial

Learn the Fetch API with Async/Await

You might be using fetch with async/await wrong...

#31 - Fetch API Data with Async-Await in javaScript

Asynchronous JavaScript Tutorial #9 - The Fetch API

You may be using fetch with async/await wrong...

Async/Await & Fetch API in JavaScript with Examples | Sigma Web Development Course - Tutorial #7...

Data Fetching (useFetch & useAsyncData) | Nuxt Course #10

JavaScript ASYNC/AWAIT is easy! ⏳

Complete Guide to fetch - with async await

Using Fetch with Async/Await – JavaScript Tutorial

How to Easily Call APIs With Fetch and Async/Await in JavaScript

Promises in JavaScript (+ Async Await, Fetch API Example)

How to Call APIs With Fetch and Async/Await in JavaScript

Efficient ES6 async await with fetch

How to Make 2500 HTTP Requests in 2 Seconds with Async & Await

JavaScript Fetch API using Async/Await

SwiftUI API / JSON Tutorial with Async Await Example

Fetch API using Async Await with Java Script from Scratch

JavaScript Async Await 👨🏻‍💻 Tutorial in 1 Minute #shorts

Asynchronous JavaScript Course – Async/Await , Promises, Callbacks, Fetch API

Learn Fetch API In 6 Minutes

Swift API Calls for Beginners (Networking) - Async Await & JSON