Ophaalmethode
De fetch-methode in JS wordt gebruikt om de server op te vragen en de informatie op de webpagina's te laden. Het verzoek kan van alle API's zijn die de gegevens in de indeling #json of #xml retourneren. Deze methode retourneert een belofte. Kijk eens naar een voorbeeld. Laten we verder gaan met de volgende methode
Async-Await
Het is de voorkeursmanier om de gegevens uit een API op te halen, omdat we hierdoor onze .then()-callbacks kunnen verwijderen en asynchroon opgeloste gegevens kunnen retourneren. In het asynchrone blok kunnen we de functie Await gebruiken om op de belofte te wachten. Laten we verder gaan met de volgende methode
Axios-bibliotheek
Met Axios kunnen we eenvoudig asynchrone HTTP-verzoeken verzenden naar REST API's & voer bewerkingen voor maken, lezen, bijwerken en verwijderen uit. Axios kan worden geïmporteerd in gewoon JavaScript of met elke gewenste bibliotheek. Laten we verder gaan met de volgende methode
Aangepaste haken
Het is in feite een React-component waarvan de naam begint met "use", zoals useFetch. Het kan een of meer React-haken erin gebruiken. Laten we verder gaan met de volgende methode
Gebruik in de component
Importeer de useFetch-hook en geef de URL door van het API-eindpunt waar u gegevens wilt ophalen. Nu kunnen we, net als elke React-hook, direct onze aangepaste hook gebruiken om de gegevens op te halen. Laten we verder gaan met de volgende methode
Reageerquerybibliotheek
Hiermee kunnen we veel meer bereiken dan alleen het ophalen van gegevens. Het biedt ondersteuning voor caching en prefetching, wat van invloed is op de algehele gebruikerservaring door onregelmatigheden te voorkomen en ervoor te zorgen dat onze app sneller aanvoelt.
Vind het leuk, deel en abonneer je #DevTools99 voor meer nuttige video's, informatie over tools en #tutorials. Bedankt!
