Slide DevCoach #151

Transcript

1. Position Hidup Lebih Simpel dengan Axios Front-End Web Nur Rizki Adi Curriculum Developer
2. Agenda Front-End Web • Apa itu Axios • Perbedaan Axios dengan lainnya • Cara penggunaan Axios API • Dua fitur utama yang keren!
3. Efficient Client-Server Communication: An Overview of Protocols and Techniques - Pavlo Kolodka Front-End Web
4. XMLHttpRequest Front-End Web Fetch API Browser API untuk Client-Server Communication
5. Front-End Web Library untuk Client-Server Communication
6. • 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
7. Contoh Fetch API
8. Contoh Axios
9. Contoh Fetch API dengan async/await
10. Contoh Axios dengan async/await
11. Perbedaan antara Fetch API & Axios
12. Skema Response dari Axios Response Schema - Axios Docs
13. Hanya itu saja kelebihannya? • Axios Instance • Interceptor Front-End Web
14. How Does Axios Work
15. Axios Request Request Interceptor Transform Request How does Axios work?
16. Browser XMLHttpRequest Node.js Node.js HTTP Request How does Axios work?
17. then()/catch() Response Interceptor Transform Response How does Axios work?
18. Let’s get dirty our hands
19. Use Case for Interceptor
20. Use Case for Interceptor
21. • The rules of usage, Axios API. • Request config for making request. • Handling error in axios. Another to Know!
22. Thank You nurrizkiadip Nur Rizki Adi Prasetyo @NAdiPrasetyo nrizki@dicoding.com Nur Rizki Adi Prasetyo Nur Rizki Adi Prasetyo Front-End Web
23. Feedback! Hadiah: • 1 Token Langganan Academy (30 Hari) *untuk pengisi feedback terpilih! dicoding.id/devcoachfeedback
24. Front-end Web
25. https://reflectoring.io/tutorial-guide- axios/ https://masteringjs.io/axios