XHR - Fetch - Axios nên dùng cái nào các bạn lập trình

Đôi lúc có những tình huống thực tế như khi chúng ta cần tải xuống một lượng lớn dữ liệu, một cách để theo dõi tiến trình upload, đặc biệt là khi tốc độ mạng của người dùng chậm. Từ xa xưa thì để theo dõi một tiến trình cụ thể những dev đi trước sử dụng XMLHttpRequest.onprogress và thêm một hàm callback() để làm điều đó. Giờ đây, fetch() và axios không những có thể làm được mà còn tốt hơn.

Nếu sử dụng fetch() theo dõi progress thì chúng ta có thể sử dụng một trong các thuộc tính response.body đó là đối tượng ReadableStream. Nó cung cấp từng khối dữ liệu và cho phép chúng tôi tính toán lượng dữ liệu được tiêu thụ theo thời gian.

Trong axios, cũng có thể triển khai theo dõi progress và dễ dàng hơn, vì có một module làm sẵn có thể được cài đặt và triển khai, nó được gọi là Axios Progress Bar.