Apex Legends Stats

Opdracht

Ik kwam deze tutorial tegen van Brad Traversy en was meteen verkocht, omdat ik zowel een grote fan was van Apex Legends als een vaste kijker van zijn kanaal. Hoewel de originele tutorial in Vue was gebouwd, daagde ik mezelf uit om de volledige applicatie in plaats daarvan met React te herbouwen.

In het begin had ik al wat ervaring met het opzetten van Node.js-servers met Express. Het aanroepen van een externe API vanaf de backend was echter een nieuw concept voor mij, dat ik snel onder de knie kreeg en integreerde.

Ik had een manier nodig om gebruikers te tonen dat de applicatie hun verzoek actief aan het verwerken was. Het implementeren van een op maat gemaakte spinner-component, aangestuurd door een loading state boolean, loste dit effectief op.

Gebruikte technologieën

De volledige lijst is beschikbaar op: Github

Wat ik heb geleerd

• Data opvragen van een API
• De opgevraagde data renderen
• Omgaan met loading states

Gevonden oplossingen

• Deployen op Heroku en omgaan met CORS
• Loading states beheren in React