Week 2 (09‐03 tot 13‐03) - nadia2603/stage-maykin GitHub Wiki

09-03

Na mijn pull request van donderdag waren er een paar errors die opgelost moesten worden voordat de code naar main kon. Ik moest onder andere de naam van mijn commits aanpassen en lint-problemen oplossen. Dit heb ik, met hulp, gedaan in Git, waarbij gebruik werd gemaakt van Vim. Ik heb de stappen die ik met Vim moest doen in een wiki gezet.

Toen alles werd goedgekeurd, is die gemerged en ben ik verder gegaan met de volgende opdracht: een helptext toevoegen bij de FormControl.

10-03

Ik ben verder gegaan met de helptext-issue. Ik heb een nieuw component gemaakt voor de helptext en deze toegevoegd aan de FormControl.

Om een nieuw component te maken, moest ik een index.ts, helptext.scss, helptext.stories.tsx en helptext.ts aanmaken. Daarna heb ik een play function gemaakt om te testen of de formcontrol wel de help tekst bevat.

Ik heb een pull request gemaakt, waarbij ik weer een lint-error tegenkwam. Dit heb ik opgelost in Git, waarna de pull request werd goedgekerud en gemerged.

In de ochtend had ik een meeting waarin ik uitleg kreeg over het project ‘Samen Leren’. Ze waren nog op zoek naar een frontender; er was al wel een designer en een backender betrokken. Tijdens de meeting kreeg ik het design te zien en werd de inhoud van het project toegelicht. De backender was hierbij nog niet aanwezig. Van de designer heb ik het Figma-bestand ontvangen, zodat ik een duidelijk beeld heb van hoe het eindresultaat eruit moet komen te zien. Het project heeft op dit moment geen hoge prioriteit.

11-03

Gisteren aan het einde van de dag kreeg ik een nieuwe issue. De issue was dat wanneer de titel te lang is in een kanban, de kolom naar beneden verschuift, wat er niet mooi uitziet.

Ik ben eerst gaan kijken hoe de layout van de kanban is opgebouwd. Daarna heb ik een oplossing geprobeerd in de code en gecontroleerd of de layout correct blijft wanneer de titel langer wordt.

Toen de oplossing werkte, heb ik een pull request gemaakt zodat het gecontroleerd kan worden.

12-03

Vandaag heb ik de documentatie over React gelezen om mijn kennis hierover verder te verbeteren, want bij het bedrijf gebruiken ze React. Daarna heb ik in CodeSandbox de Tic-Tac-Toe oefening gedaan en stap voor stap bekeken wat er precies gebeurde. Aan het einde van de ochtend kreeg ik feedback op de pull request van gisteren. Daarin werd aangegeven dat ik een het anders moest aanpakken. Ik heb eerst uitgezocht hoe ik dat kon doen en daarna ook hulp gevraagd. Uiteindelijk lukte het en heb ik de aanpassing in de pull request gezet. Daarnaast moest ik voor de pull request een lint-error oplossen. Ik heb deze automatisch laten oplossen in Git door het commando npm run lint -- --fix uit te voeren.

13-03

Vandaag ben ik verder gegaan met de documentatie over React. Ik heb gelezen hoe het framework werkt en hoe je componenten maakt. Daarnaast heb ik ook gekeken hoe je TypeScript gebruikt in combinatie met React. Verder heb ik feedback ontvangen op de pull request waar ik aan werkte. Ik moest nog een aparte className toevoegen zodat de styling die ik nodig had alleen daarvoor werd gebruikt en niet op het algemene component.

Ik had vandaag opnieuw een meeting met het team van ‘Samen Leren’. Dit keer was de backender wel aanwezig en liet hij zien wat er al aan het project was ontwikkeld. Ik heb mag aanpassingen doen. Daarnaast werd mij gevraagd wat ik nog nodig had. Ik heb aangegeven dat een styleguide belangrijk is, zodat ik de styling goed kan toepassen. Het project heeft momenteel geen hoge prioriteit.

Daarnaast heb ik gekeken naar commando's in git, zodat ik beter kan werken en dat ook weet als Github Desktop het niet doet. Ik heb de commando's in een wiki gezet.