ShoppingCart - fetch to Axios based Service - React + Typescript
In this video, I take you through the journey of modernizing an API service step-by-step. Starting with a basic fetch implementation, we enhance it by adding robust error handling and logging. Then, we transition to axios, demonstrating how it simplifies logging with interceptors, centralizes error handling, and improves type safety for TypeScript projects.
Whether you're building small applications or scaling to larger ones, this video will teach you the best practices for creating maintainable, efficient API services. Watch till the end to learn how to leverage axios for modern web development.
Link to starting project - https://github.com/WebDevHQ/snapcart/...
0:00 Introduction
2:00 Fetch based service and required changes
3:08 App Overview with current service
3:40 Implement & test Error Handling
7:15 Implement Logging
9:58 Creating Axios version of Service
10:45 Create Axios ApiClient and fetch methods
12:40 Using Axios Client
13:13 Axios Error Handler
17:15 Implement Request Logging (Interceptor)
20:28 Implement Response Logging (Interceptor)
24:08 Recap of Session
26:40 Wrapup