Etter at en 2 uker gammel lansering førte uforutsette feil på kundens nettside, ble det nødvendig å rulle tilbake til en tidligere versjon som fungerte. Denne eldre versjonen hadde tekniske etterslep og utfordringer som påvirket brukeropplevelsen, men var stabil. Versjonen hadde mange feilmeldinger i bakgrunnen, og en uoversiktlig kodestruktur som gjorde det tidkrevende å rette de gamle feilene uten å introdusere nye feil. Hovedmålet var å raskt stabilisere den eldre versjonen etter tilbakerullingen, samtidig som jeg fjernet noe av det teknisk etterslepet. Ønsket jeg å skape en flytende brukeropplevelse og forbedre det tekniske bilde som forenkler videreutviklingen av nettsiden uten at det tekniske etterslepet forhindrer fremdriften.

• Jeg omgjorde verktøyet som henter innholdet til nettsiden for å håndtere kartleggingen av innholdet universelt og direkte. Ved å integrere kartleggingslogikken i selve hentefasen, returneres det en ferdig formatert data til komponentene. Dette separerer ansvaret mellom logikken som kjører i nettleseren og logikken som kjører i byggeprosessen på en ryddig måte og automatiserer kartleggingen og minimaliserer belastningen på nettleseren, for å unngå en uventet oppførsel.
• Jeg samlet alle navigasjonsrelaterte typedefinisjoner til en felles kilde. Ved å rydde opp i mappestrukturen og forene filene, forenklet jeg prosjektets arkitektur og skapte et felles utgangspunkt for alle navigasjonskomponenter.
• Jeg utviklet dedikerte funksjoner for å håndtere egenskaper i skjemaene. Ved å sentralisere logikken for svarfeltene, sikret jeg at de fremtidige skjemaene på nettsiden nå har en dynamisk håndtering av egenskapene. Som gjør det enklere å gjenbruke det samme feltet flere ganger.
• Jeg ryddet opp skjema-komponentene og løste en utfordring som hindret ikoner i å vises i ledetekstene. Ved å å koble fra alle komponenter fra ikon-komponenten, dette forbedrer gjenbrukbarheten og reduserer utviklingstid.
• Jeg fjernet utdaterte komponenter og La til clientOnly-elementet for søkeverktøyet og endret instillingene for hvordan rammeverket skulle reagere på komponentene for å stoppe konflikter som oppstår mellom server og nettleser.
• Jeg forbedret nettsidens semantikk ved å erstatte generiske div-elementer med beskrivende elementer.
• Jeg endret bildevariabler til mer presise betegnelser og innførte computed-egenskaper for å stabilisere visningen. Dette sikrer at visuelle elementer håndteres mer effektivt av rammeverket, reduserer risikoen for visningsfeil og gjør koden lettere å vedlikeholde for andre utvikl

Arbeidet har resultert i en feilfri oppstart av hjemsiden der alle de gamle feilmeldingene i bakgrunnen er fjernet. Ved å flytte kartleggingen til hentingsfasen og rydde i den visuelle strukturen, har jeg forbedret ytelsen og forbedret flyten på nettsiden. Den forbedrede semantikken og universelle utformingen gjør siden pålitelig for både søkemotorer og brukere med hjelpemidler. Viktigst av alt har jeg snudd en utfordrende situasjon til en mulighet for modernisering og læring en del av koden er nå logisk organisert at kunden har en plattform som er trygg, rask og enkel å videreutvikle.

Gjennom denne prosessen har jeg erfart at når man ruller tilbake til en versjon med teknisk etterslep, er det avgjørende å adressere grunnstrukturen med en gang fremfor å bare lappe på enkelte feil. Jeg har sett verdien av å kombinere hente- og kartleggingslogikken som en Single Source of Truth noe som gir en stabilitet man ikke oppnår når logikken er spredt. Ved å løskoble komponenter har jeg erfart hvordan man bygger pålitelige moduler som tåler fremtidige endringer.