Revision 519: Modernisierung einer Legacy Frontend-Codebase

Published: March 3, 2022, 6 a.m.

b'Gast Florian Dreier (Github) erz\\xe4hlt Peter und Vanessa von der Modernisierung\\neines Legacy-Frontends!\\n\\n\\nUNSER SPONSOR\\n\\n\\n\\nDiese Folge wird gesponsert von REWE digital. Seit 2014 digitalisiert das K\\xf6lner\\nUnternehmen den Lebensmitteleinzelhandel mal so richtig. Mit knapp 500 agilen\\nExpert:innen setzt man auf eigenverantwortliches Arbeiten, Teamautonomie,\\nmodernste Technologien, individuelle Weiterentwicklung und Innovation an jeder\\nEcke. So leistet man wertvolle Pionierarbeit f\\xfcr einen der gr\\xf6\\xdften Handels- und\\nTouristikkonzerne Europas.\\n\\nNeugierig geworden? Dann schaut jetzt auf rewe-digital.com, LinkedIn, Twitter\\noder\\nYouTube vorbei und h\\xf6rt in REWE digitals eigenen Tech-Podcast Codes und\\nschmerzlos rein!\\n\\n\\nSCHAUNOTIZEN\\n\\n[00:02:00] MODERNISIERUNG EINER LEGACY-FRONTEND-CODEBASE\\n\\nFlorians Arbeitgeber war mit einem alten Frontend auf Basis von Googles\\nClosure-Tools gesegnet, das modernisiert werden wollte. Zun\\xe4chst listen wir die\\nzahlreichen Gr\\xfcnde f\\xfcr das Ersetzen des alten Stacks auf (schlechte DX,\\nInkompatibilit\\xe4t zum restlichen JS-\\xd6kosystem) und sprechen dann \\xfcber die\\nVorarbeiten f\\xfcr die Umstellung. Wichtig dabei: Buy-In auf allen Ebenen ereichen,\\nPOCs zusammenhacken und nicht einfach alles neu schreiben.\\n\\nF\\xfcr die \\xdcberf\\xfchrung der Closure-Module in ES-Module wurde ein Konverter\\nprogrammiert, die TypeScript-Migration mithilfe des Closure-TS-Coverters\\nhalbautomatisch und Schritt f\\xfcr Schritt durchgef\\xfchrt. Nat\\xfcrlich kommen wir nicht\\numhin, die Entscheidung f\\xfcr React in Anbetracht der zahllosen Alternativen zu\\nhinterfragen, ebenso die Entscheidung f\\xfcr Vite anstelle von Webpack, diskutieren\\ndie Ob und Wie von Feature-Entwicklung w\\xe4hrend des Umbaus und fragen uns\\nnat\\xfcrlich auch, wie es zu verhindern ist, dass der aktuelle Code schlimmes\\nLegacy\\xa02.0 wird. Am Ende fasst Florian die positiven Ergebnisse des Umbaus\\nzusammen und gibt Abschlie\\xdfende Empfehlungen f\\xfcr vergleichbare\\nMigrationsprojekte.'