Extrahieren von Micro-Frontends aus einer monolithischen Frontend-Anwendung
Das Konzept von Microservice-Architekturen in der Softwareentwicklung gewinnt zunehmend an Aufmerksamkeit. Diese Architekturen entstehen oft aus dem Refactoring monolithischer Anwendungen. Viele Microservice-Architekturen kümmern sich wenig um das Frontend beziehungsweise um die Benutzeroberfläche. Oft führt die Zerschlagung zu vielen kleinen, lose gekoppelten Diensten, die in einem weiterhin monolithischen Frontend zusammengefasst sind. Mit einer Micro-Frontend-Architektur können diese lose gekoppelten Systeme systematisch/dynamisch in einer Benutzeroberfläche zusammengeführt werden. Ich gebe in diesem Vortrag einen Überblick über verschiedene Migrationsansätze zu Micro-Frontend-Architekturen und zeige einen Migrationsansatz am Beispiel des Software-Visualisierungsprogramms ExplorViz.
Heute vielleicht mal ohne Library
Wir sollten viel öfter einen kritischen Blick in den “dependencies”-Teil unserer package.json werfen. Häufig finden wir dort, einfach aus Gewohntheit, einen Haufen an Utility-Bibliotheken, wie Lodash oder Moment.js.
So muten wir den Nutzer:innen unsere App teils mehrere MB JavaScript zu und das, obwohl moderne Browser viele der hier verwendeten Funktionen bereits bereitstellen, ganz ohne Library.
Getreu nach dem Motto “Use the Platform” schauen wir uns in diesem Vortrag eine Reihe von APIs an, für die wir noch vor ein paar Jahren direkt zu npm install gegriffen hätten. Im Ergebnis kann so hoffentlich jeder das ein oder andere KB Bibliotheks-Code aus seiner Anwendung werfen.
Mixed Reality: JavaScript-Frontends für das Web3 mit Buildwagon
Das Web3/Metaverse gilt als die nächste Entwicklungsstufe des Internets. Auch wenn sich viele Ideen noch auf Konzeptebene befinden, gilt als sicher, dass Mixed Reality ein wesentliches Element sein wird. Der Vortrag zeigt, wie Frontends für Mixed Reality Devices wie die Microsoft HoloLens schon heute in JavaScript mit der Buildwagon Plattform gebaut werden können. Cloud-Dienste wie […]
Was macht eigentlich ein Bundler?
In der Frontend-Entwicklung kommt man selten ohne JavaScript aus. Gestandene Backend-Profis sehen sich dann mit einer komplett neuen Toolchain konfrontiert, die vor unbekannten Fachbegriffen nur so strotzt. Ein Webpack möchte mit Loadern die Packages bündeln, aber selbstredend mit aktiviertem Babel-Support, damit man auch zu ES6 transpilieren kann. Wie meinen?! In diesem Vortrag werden wir uns […]
Advanced Typing in TypeScript
TypeScript ist eine Sprache mit einem leistungsfähigen Typsystem, das auf gängige Programmiermuster in der JavaScript-Welt ausgelegt ist. Dank hervorragender Typinferenz und IDE-Unterstützung wird Webprogrammierung zum Kinderspiel. In diesem Vortrag werden wir einen Blick auf einige der fortgeschritteneren Teile des Typsystems werfen und wie sie verwendet werden können, um felsenfeste APIs zu erstellen. Als Beispiel werden […]
Redux im Jahr 2022 — alles anders?
Wenn man an Redux denkt, hat man oft erst Mal sehr viel “rituellen” Code vor dem inneren Auge. ACTION_TYPE Konstanten, immutable Logik in switch..case reducern mit tief verschachtelten Spread-Operatoren, handgeschriebene “Action Creator” Funktionen und arkanes Store-Setup — all das am besten verteilt auf dutzende Dateien in der ganzen Codebasis. Nichts könnte von moderenem Redux weiter […]