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
51
Slide DevCoach #151
shabilla
June 03, 2024
Tweet
Share
More Decks by shabilla
See All by shabilla
Slide DevCoach
shabillarestu
0
51
Slide DevCoach
shabillarestu
0
28
Slide DevCoach
shabillarestu
0
22
Slide DevCoach
shabillarestu
0
31
Slide DevCoach
shabillarestu
0
27
Slide DevCoach
shabillarestu
0
17
Slide DevCoach
shabillarestu
0
28
Slide DevCoach
shabillarestu
0
25
Slide DevCoach
shabillarestu
0
28
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
15k
Embracing the Ebb and Flow
colly
88
4.9k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
660
KATA
mclloyd
PRO
32
15k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Thoughts on Productivity
jonyablonski
71
4.9k
The Language of Interfaces
destraynor
162
25k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
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