Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Slide DevCoach #151
Search
shabilla
June 03, 2024
0
48
Slide DevCoach #151
shabilla
June 03, 2024
Tweet
Share
More Decks by shabilla
See All by shabilla
Slide DevCoach
shabillarestu
0
47
Slide DevCoach
shabillarestu
0
27
Slide DevCoach
shabillarestu
0
19
Slide DevCoach
shabillarestu
0
29
Slide DevCoach
shabillarestu
0
26
Slide DevCoach
shabillarestu
0
16
Slide DevCoach
shabillarestu
0
27
Slide DevCoach
shabillarestu
0
23
Slide DevCoach
shabillarestu
0
26
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Docker and Python
trallard
46
3.6k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
850
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Writing Fast Ruby
sferik
629
62k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
Site-Speed That Sticks
csswizardry
11
880
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Transcript
Position Hidup Lebih Simpel dengan Axios Front-End Web Nur Rizki
Adi Curriculum Developer
Agenda Front-End Web • Apa itu Axios • Perbedaan Axios
dengan lainnya • Cara penggunaan Axios API • Dua fitur utama yang keren!
Efficient Client-Server Communication: An Overview of Protocols and Techniques -
Pavlo Kolodka Front-End Web
XMLHttpRequest Front-End Web Fetch API Browser API untuk Client-Server Communication
Front-End Web Library untuk Client-Server Communication
• For browser and Node.js. An isomorphic. • Promise-based HTTP
client. Node.js use http module and browser use XHR. • Simple to use. • Very extensible interface. Front-End Web Why should I choose Lit? - lit.dev Axios, HTTP Client Library
Contoh Fetch API
Contoh Axios
Contoh Fetch API dengan async/await
Contoh Axios dengan async/await
Perbedaan antara Fetch API & Axios
Skema Response dari Axios Response Schema - Axios Docs
Hanya itu saja kelebihannya? • Axios Instance • Interceptor Front-End
Web
How Does Axios Work
Axios Request Request Interceptor Transform Request How does Axios work?
Browser XMLHttpRequest Node.js Node.js HTTP Request How does Axios work?
then()/catch() Response Interceptor Transform Response How does Axios work?
Let’s get dirty our hands
Use Case for Interceptor
Use Case for Interceptor
• The rules of usage, Axios API. • Request config
for making request. • Handling error in axios. Another to Know!
Thank You nurrizkiadip Nur Rizki Adi Prasetyo @NAdiPrasetyo
[email protected]
Nur
Rizki Adi Prasetyo Nur Rizki Adi Prasetyo Front-End Web
Feedback! Hadiah: • 1 Token Langganan Academy (30 Hari) *untuk
pengisi feedback terpilih! dicoding.id/devcoachfeedback
Front-end Web
https://reflectoring.io/tutorial-guide- axios/ https://masteringjs.io/axios