8️⃣ ways of making API calls in JavaScript 🔥
⮑ Browser [Client-Side
⮑ Fetch API
⮑ axios
⮑ jQuery
⮑ XMLHttpRequest
⮑ Node.js [Server-Side
⮑ https
⮑ axios
⮑ node-fetch
⮑ got
⮑ superagent
Which one do you use? Reply in 💬
⮑ Browser [Client-Side
⮑ Fetch API
⮑ axios
⮑ jQuery
⮑ XMLHttpRequest
⮑ Node.js [Server-Side
⮑ https
⮑ axios
⮑ node-fetch
⮑ got
⮑ superagent
Which one do you use? Reply in 💬
❍ There are 2 parts to an API. A server and, a client.
❍ A client makes an API call by requesting an API server to consume some API data.
❍ There exists many in-build/external libraries which help in making those API calls.
Let's explore them 👀
❍ A client makes an API call by requesting an API server to consume some API data.
❍ There exists many in-build/external libraries which help in making those API calls.
Let's explore them 👀
➊ XMLHttpRequest
❍ XMLHttpRequest is a built-in browser object that allows to make HTTP requests in JavaScript.
❍ It was deprecated in ES6 with the introduction of Fetch API. Still it is used to work with old browsers.
❍ The response is always in String format.
❍ XMLHttpRequest is a built-in browser object that allows to make HTTP requests in JavaScript.
❍ It was deprecated in ES6 with the introduction of Fetch API. Still it is used to work with old browsers.
❍ The response is always in String format.
➋ jQuery
❍ jQuery's $.ajax() method is used to make HTTP request
❍ jQuery is an external library. So it needs to be included before using
❍ It contains 2 callback functions "success" and "error" to handle the response received
➢ Refer: api.jquery.com/jquery.ajax/
❍ jQuery's $.ajax() method is used to make HTTP request
❍ jQuery is an external library. So it needs to be included before using
❍ It contains 2 callback functions "success" and "error" to handle the response received
➢ Refer: api.jquery.com/jquery.ajax/
➌ Fetch API
❍ Fetch API is in-build and introduced with ES6. It's well supported in all modern browsers.
❍ Fetch API allows making API calls in 2 ways
➠ Promise API
➠ Async Await
➢ Refer: developer.mozilla.org/en-US/docs/Web…
❍ Fetch API is in-build and introduced with ES6. It's well supported in all modern browsers.
❍ Fetch API allows making API calls in 2 ways
➠ Promise API
➠ Async Await
➢ Refer: developer.mozilla.org/en-US/docs/Web…
➍ Axios
❍ Axios is an open-source library for making API calls.
❍ It works both in client-side (browsers) and server-side (Node.js).
❍ It is a promise based HTTP client.
➢ Refer: axios-http.com
❍ Axios is an open-source library for making API calls.
❍ It works both in client-side (browsers) and server-side (Node.js).
❍ It is a promise based HTTP client.
➢ Refer: axios-http.com
➎ https
❍ Node.js comes with both "http" and "https" modules in the standard library.
❍ As API calls are made over HTTP/S, we can use either of these 2 modules.
❍ If we use this, we need to handle everything manually.
➢ Refer: nodejs.org/api/https.html…
❍ Node.js comes with both "http" and "https" modules in the standard library.
❍ As API calls are made over HTTP/S, we can use either of these 2 modules.
❍ If we use this, we need to handle everything manually.
➢ Refer: nodejs.org/api/https.html…
➏ node-fetch
❍ "node-fetch" is currently the most popular HTTP request library for Node.js with weekly 29M downloads.
❍ It states in its documentation: "A light-weight module that brings the Fetch API to Node.js"
➢ Refer: github.com/node-fetch/nod…
❍ "node-fetch" is currently the most popular HTTP request library for Node.js with weekly 29M downloads.
❍ It states in its documentation: "A light-weight module that brings the Fetch API to Node.js"
➢ Refer: github.com/node-fetch/nod…
➐ got
❍ "got" is a popular HTTP request library for Node.js
❍ It features a Promise based API, HTTP/2 support and Pagination API.
➢ Refer: github.com/sindresorhus/g…
❍ "got" is a popular HTTP request library for Node.js
❍ It features a Promise based API, HTTP/2 support and Pagination API.
➢ Refer: github.com/sindresorhus/g…
➑ superagent
❍ Superagent is one more popular and one of the oldest Node.js based HTTP request library.
❍ It offers handling API calls using Callback, Promise-based APIs, async/await.
➢ Refer: github.com/visionmedia/su…
❍ Superagent is one more popular and one of the oldest Node.js based HTTP request library.
❍ It offers handling API calls using Callback, Promise-based APIs, async/await.
➢ Refer: github.com/visionmedia/su…
In the next 🧵 I will tell about various ways of creating API servers in JavaScript.
If you are interested, do not forget to follow {@swapnakpanda}
If you found this 🧵 useful, please
♥️ Like
🔁 RETWEET
💬 Reply
the very FIRST tweet.
See you. 👋
If you are interested, do not forget to follow {@swapnakpanda}
If you found this 🧵 useful, please
♥️ Like
🔁 RETWEET
💬 Reply
the very FIRST tweet.
See you. 👋
• • •
Missing some Tweet in this thread? You can try to
force a refresh
