Week 6

Maandag 27-11-2023 - Refactoring

Tijdens deze les hebben we het onderwerp refactoring behandeld. Refactoring houd in dat je je code opschoont en verbeterd. Redenen om te refactoren kan je onderverdelen in verschillende categoriën:

• Leesbaarheid: Zorg dat de naamgeving van functies en variabelen duidelijk is. Laat zien wat het doet. Hierdoor snap je zelf de code makkelijker, maar hierdoor werkt het ook fijner als je samen werkt in teamverband
• Onderhoud: Houd je aan codeconventies als deze op voorhand zijn aangegeven. Legt een goede basis en zorgt ervoor dat code makkelijker te onderhouden is.
• Code vereenvoudigen: Voorkom onnodige code of dubbele code. Zorg dat lange functies onderverdeeld kunnen worden.

Wat heb ik ge-refactored?

Eerst werkte ik niet met Async - Await. Hierdoor was sommige data van mijn API call nog niet geladen en kreeg ik een foutmelding. Toen heb ik enkele functies aangepast naar Async - Await om ervoor te zorgen dat specifieke code pas moest worden uitgevoerd als het een startseintje kreeg.

Hiernaast heb ik gekeken naar het gebruik van var's, let's en consts's. Eerst gebruikte ik alleen maar var en const, maar ik heb nu ook let toegepast.

var = Variabel. Alleen toegankelijk in blok code waarin het gedefinieerd is. let = Variabel. Alleen toegankelijk binnen een functie {} const = Een waarde die constant is en toegankelijk binnen de {}

Voortgang project

In deze week heb ik gekeken hoe ik op enigzins nuttige wijze data kon weergeven bij de pokemondetail pagina. Ik heb heel veel problemen gehad met het maken van een grafiek om mijn data in te tonen. Het ene moment had ik netjes mijn staafjes, maar kwamen mijn labels er niet bij. Het andere moment kon ik de grafiek niet stylen. Uiteindelijk heb ik een bron gevonden die mijn data enigzins kon laten weergeven zoals ik het voor ogen had. Hiernaast heb ik data met iconen weergegeven met bijbehorende legenda om wat meer duidelijkheid aan de data te geven.

Eindresultaat: