Kembali

Axios vs Fetch

Pertarungan antara Axios dan Fetch

Tambahkan Tweet

I've rejecting many PR from Importer Engineer, every time there a request to fetching API, they always install axios just use fetch! zero dependency is better then random people code that you didn't even understood

Ilias Ism
Ilias Ism
@illyism

Fun fact: I removed Axios and I got +200% better latency. They have some bug causing slowdowns when sending auth headers. Literally went from 500ms to 3ms 🀯

144
Reply

Bapak ini matiin rejeki orang aja. Axios itu ada buat memudahkan pengembang pak. Ga semua orang senior kaya bapak yg bisa pake πšπšŽπšπšŒπš‘() doang. Apalagi pake cara kuno pake πš‡π™Όπ™»π™·πšπšπš™πšπšŽπššπšžπšŽπšœπš().

Papan Berjalan., PhD
Papan Berjalan., PhD
@papanberjalan

I've rejecting many PR from Importer Engineer, every time there a request to fetching API, they always install axios just use fetch! zero dependency is better then random people code that you didn't even understood

91
Reply

pas tak kasih komen ga perlu pake lib dan cukup pake fetch aja: "oh, bisa ya tanpa lib πŸ‘€" 🀯 ini orgΒ² pada ga tau fetch apa gimana dah? πŸ‘€

Noor✨
Noor✨
@lynxluna

Bapak ini matiin rejeki orang aja. Axios itu ada buat memudahkan pengembang pak. Ga semua orang senior kaya bapak yg bisa pake πšπšŽπšπšŒπš‘() doang. Apalagi pake cara kuno pake πš‡π™Όπ™»π™·πšπšπš™πšπšŽπššπšžπšŽπšœπš().

41
Reply

Selain karena tutorialnya begitu, aplikasi legacy jadi salah satu alasan kenapa orang pakai Axios daripada Fetch. Ada masa di mana tidak semua browser mendukung Fetch, nggak ada pilihan yg lebih baik dari Axios. Sekarang mau refactor kodingan kantor, perlu effort yg nggak kecil.

Papan Berjalan., PhD
Papan Berjalan., PhD
@papanberjalan

I've rejecting many PR from Importer Engineer, every time there a request to fetching API, they always install axios just use fetch! zero dependency is better then random people code that you didn't even understood

2
Reply

Browser ga bisa fetch, browser nya jelek berarti πŸ₯Ά πŸƒπŸ»πŸ’¨

Fetch Support
Tirtadwipa Manunggal πŸ¦€πŸ‰
Tirtadwipa Manunggal πŸ¦€πŸ‰
@liberocks

Selain karena tutorialnya begitu, aplikasi legacy jadi salah satu alasan kenapa orang pakai Axios daripada Fetch. Ada masa di mana tidak semua browser mendukung Fetch, nggak ada pilihan yg lebih baik dari Axios. Sekarang mau refactor kodingan kantor, perlu effort yg nggak kecil.

29
Reply

satu fitur axios yang dulu sering dipake interceptor. teruss gw mikir, lah ini gw buat wrapper sedikit pake fetch aja bisa, ngapain pake axios.

Papan Berjalan., PhD
Papan Berjalan., PhD
@papanberjalan

I've rejecting many PR from Importer Engineer, every time there a request to fetching API, they always install axios just use fetch! zero dependency is better then random people code that you didn't even understood

6
Reply

sebagai seorang importir junior, aku sarankan kalau masih mau pakai kode orang lain, tapi ga mau axios dan deket sama fetch, pakai wretch aja github.com/elbywan/wretch biar kalau suatu saat aku ketemu codebase buatan kalian ga perlu belajar library lain lagi πŸ˜‡

Fetch won’t reject on HTTP error status.

fetch("anything")
  .then(response => {
    if(!response.ok) {
      if(response.status === 404) throw new Error("Not found")
      else if(response.status === 401) throw new Error("Unauthorized")
      else if(response.status === 418) throw new Error("I'm a teapot !")
      else throw new Error("Other error")
    }
    else // ...
  })
  .then(data => /* ... */)
  .catch(error => { /* ... */ })

Wretch throws when the response is not successful and contains helper methods to handle common codes.

wretch("anything")
  .get()
  .notFound(error => { /* ... */ })
  .unauthorized(error => { /* ... */ })
  .error(418, error => { /* ... */ })
  .res(response => /* ... */)
  .catch(error => { /* uncaught errors */ })
Papan Berjalan., PhD
Papan Berjalan., PhD
@papanberjalan

pas tak kasih komen ga perlu pake lib dan cukup pake fetch aja: "oh, bisa ya tanpa lib πŸ‘€" 🀯 ini orgΒ² pada ga tau fetch apa gimana dah? πŸ‘€

37
Reply

Pilih kodingan agak panjang dikit pake fetch ? atau random ngimport lib biar kodingan agak pendek ? tapi dependency nya puluhan bahkan ratusan yg bisa jadi ada exploit d dalemnya dan ga kliatan?

The Hacker News
The Hacker News
@TheHackersNews

🚨 New report reveals 800+ packages in the npm registry contain hidden code discrepancies. 18 packages found intentionally exploiting a vulnerability known as "manifest confusion." Read: thehackernews.com/2024/03/over-8… #cybersecurity

14
Reply