imdaniel

Tijdens mijn tijd bij GlobalOrange werkte ik aan meer dan één project. Ik begon hier door een React-gebaseerd platform over te nemen waarmee klanten hun efficiënte ruimtegebruik konden bekijken en monitoren. Het platform had echter slechte prestaties en kende gebrekkige praktijken, waardoor we geleidelijk steeds meer verbeteringen implementeerden. Denk aan problemen zoals inflexibele datavisualisatie, API-calls met een hoop onnodige data en het renderen van talloze afbeeldingen die niet zichtbaar waren tenzij je een uitklapbaar menu uitbreidde, om er maar een paar te noemen. Met de hulp van een backend engineer verbeterden we samen zowel de prestaties als het ontwerp van het platform.

Na dit project kregen we een nieuw project dat we overnamen, waarbij Contentful als backend en NextJS als frontend werden gebruikt. Dit bedrijf exploiteerde verschillende sportscholen onder diverse merknamen, verspreid over Amsterdam. Er werd gebruikgemaakt van een extern systeem waarin alle gebruikersgegevens, clubinformatie en lidmaatschapsaanbiedingen werden opgeslagen. Het probleem was dat dit externe systeem niet in staat was om ons de benodigde informatie te leveren volgens het ontwerp. Daarom moesten we dezelfde "type" content (op basis van ID) in Contentful creëren en synchroniseren. Bijvoorbeeld, als een club een ID had in het externe systeem, zorgden we ervoor dat er ook een club met hetzelfde ID in Contentful werd aangemaakt. Vervolgens vulden we in Contentful alle velden in die in het externe systeem ontbraken. Telkens wanneer er een call vanuit de frontend werd gedaan, haalden we data op uit zowel het externe systeem als Contentful en voegde deze samen.

In mijn werk neem ik de leiding over alles wat met de frontend te maken heeft. Of het nu gaat om het interviewen van potentiële nieuwe collega's, het standaardiseren van best practices en architectuur, of het zorgen dat functies correct worden vertaald van ontwerp naar Jira en uiteindelijk naar het web.

Als Frontend Engineer bij OneWelcome/Thales ontwierp ik de frontend voor onze belangrijkste React-toepassingen en zorgde ik ervoor dat Redux effectief werd geïmplementeerd voor schaalbare en onderhoudbare code. Ik nam het voortouw bij het opzetten van een microfrontend-architectuur met Webpack Module Federation, waardoor we geïsoleerde functionaliteiten konden ontwikkelen die naadloos integreerden in grotere toepassingen.

Een van mijn opvallende bijdragen was het creëren van herbruikbare npm packages die de duplicatie van code aanzienlijk verminderden. Zo ontwikkelde ik bijvoorbeeld een OIDC-authentication package en een microfrontend-events package om de interacties naar en vanuit de hostcontainer te stroomlijnen.

Ons team beheerde een uitgebreide React componentlibrary, die werd gepresenteerd via Storybook. Ik ging een stap verder door de component library te verbeteren met een custom Storybook-plugin, waarmee gebruikers eenvoudig verschillende aspecten van componenten, zoals kleuren en font sizes, konden configureren. Dit zorgde ervoor dat onze toepassingen niet alleen functioneel waren, maar ook visueel consistent en in lijn met onze design standaarden.

Kwaliteit stond hoog in het vaandel binnen ons frontend-ontwikkelingsteam. We voerden een rigoureus code review-proces uit en hielden ons aan best practices op het gebied van prestatieoptimalisatie, accessibility en responsive design. Ons gezamenlijke doel was om consequent een uitstekende gebruikerservaring te leveren.

Begin 2018, toen ik als junior frontend developer startte, was ik verantwoordelijk voor het creëren, configureren en onderhouden van WordPress-websites en Magento 2-webshops. Onze designer leverde de ontwerpen, en wij kregen de opdracht deze om te zetten naar interactieve websites die zowel op moderne als oudere browsers werkten (tot en met Internet Explorer 11). In de eerste 8 tot 9 maanden heb ik veel geleerd van mijn collega's en ben ik enorm gegroeid.

Toen mijn collega frontend developer na 8 maanden vertrok, werd ik de enige die de frontend-implementaties voor Magento 2 verzorgde. Hoewel we een full-stack developer hadden voor de WordPress-projecten die kon helpen als ik echt vastliep, breidde mijn rol aanzienlijk uit. Ik leidde initiatieven om de kwaliteit en prestaties van onze webapplicaties te waarborgen, terwijl ik bleef werken aan website-ontwikkeling. Daarnaast kreeg ik de kans om onze ontwikkelaarservaring te verbeteren door een standaardthema voor Magento 2 te creëren en configuraties en setups te standaardiseren.

Mijn werkzaamheden reikten verder dan dat: ik hield me bezig met VPS-configuraties en de ontwikkeling van progressive web apps met technologieën zoals VueJS en NuxtJS. Een opvallend project was het transformeren van WordPress naar een headless CMS en dit naadloos integreren met onze op NuxtJS gebaseerde PWA-oplossing. Bovendien begeleidde ik junior en stagiair frontend developers, waarbij ik hen ondersteunde bij code reviews en hun professionele groei stimuleerde.