Ελαφριά εναλλακτική του Axios

Χρησιμοποιώντας το Redaxios αντί του Axios ως μια μικρή εναλλακτική

Αξιού, αλλά σε δυο Bytes

Αυτή είναι απλώς μια πολύ μικρή ανάρτηση, αλλά πρόσφατα έψαχνα για μια εναλλακτική λύση στο Axios για την ανάκτηση περιεχομένου στον πελάτη, καθώς το Axios είναι αρκετά μεγάλο. Θέλω να προσθέσω όσο το δυνατόν λιγότερα Byte στο PWA μου, καθώς θέλω να εξασφαλίσω μια καλή βαθμολογία SEO με βάση το μέγεθος της σελίδας.

Φυσικά θα μπορούσα να χρησιμοποιήσω την εγγενή λειτουργία "fetch" που είναι διαθέσιμη σε κάθε σύγχρονο πρόγραμμα περιήγησης. Αλλά η εργονομία του Axios είναι απλώς πολύ καλή και εκεί λάμπει το Redaxios. Ο σύνδεσμος προς τη βιβλιοθήκη βρίσκεται επίσης στο προσάρτημα στο τέλος αυτής της σελίδας.

Ένα περιτύλιγμα γύρω από το "fetch"

Το Redaxios είναι απλώς ένα περιτύλιγμα γύρω από την ανάκτηση, με το ίδιο API με το Axios αλλά χωρίς το μέγεθος της βιβλιοθήκης. Αυτό σημαίνει ότι δεν χρειάζεται να ανησυχείτε για την προσθήκη υπερβολικών επιβαρύνσεων στη σελίδα σας, εάν θέλετε να εφαρμόσετε ανακτήσεις από την πλευρά του πελάτη.

Χρησιμοποιώντας το Redaxios

Όπως είπαμε, το API είναι το ίδιο, επομένως γνωρίζετε ήδη πώς να χρησιμοποιείτε το Redaxios εάν έχετε χρησιμοποιήσει το Axios στο παρελθόν.

// Only the import is the real difference.
import axios from 'redaxios';

// Now you can use it as 'axios':
axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  })
  .then(function () {
    // always executed
  });  

Προτάσεις

Σχετικά

Προσάρτημα

Γλώσσες