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
45
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
26
Slide DevCoach
shabillarestu
0
16
Slide DevCoach
shabillarestu
0
27
Slide DevCoach
shabillarestu
0
25
Slide DevCoach
shabillarestu
0
15
Slide DevCoach
shabillarestu
0
27
Slide DevCoach
shabillarestu
0
23
Slide DevCoach
shabillarestu
0
26
Featured
See All Featured
Building an army of robots
kneath
306
45k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
GitHub's CSS Performance
jonrohan
1031
460k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Being A Developer After 40
akosma
90
590k
We Have a Design System, Now What?
morganepeng
52
7.6k
Producing Creativity
orderedlist
PRO
346
40k
Speed Design
sergeychernyshev
31
1k
Into the Great Unknown - MozCon
thekraken
39
1.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
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