Sechseckige Webseiten? Hexagonale Frontend-Architektur!

Gefühlt stand das Akronym WWW lange Zeit eher für Wild Wild West statt World Wide Web. Architekturmuster und klare Software-Design-Prinzipien waren oft eher die Ausnahme als die Regel. Erst mit der letzten großen Frameworkwelle dieses Jahrzehnts und dem Siegeszug von SPAs begann ein längst notwendiges Umdenken.

Neuere Technologien führen aber nicht automatisch zu einer besseren Architektur. Es gilt, nach wie vor, Architekturmuster bewusst und gezielt einzusetzen. Eines der bekanntesten Muster im Domain Driven Design ist die “Hexagonale Architektur”.

Sie lernen:

• wann sich der Einsatz lohnt,
• wie sich das Mustern von anderen (z.B. Onion-Architektur) abgrenzt
• und wie Sie es in der Praxis umsetzen.

Vorbereitungen

Zum Mitmachen beim Workshop “Sechseckige Webseiten? Hexagonale Frontend-Architektur!” braucht ihr folgendes:

• eine halbwegs aktuelle Node Version (am Besten 16+)
• das Beispiel-Repo
• IDE eurer Wahl

Installationsanleitung

1. Node.JS installieren https://nodejs.org
2. Das Repo auschecken unter https://github.com/illyrica/hexa-space

    > git clone git@github.com:illyrica/hexa-space.git
    > cd hexa-space

1. Abhängigkeiten installieren

    > npm i

1. Server starten

    > npm run dev

Die Beispielseite steht auf http://localhost:3000 zur Verfügung

Marco Emrich

@marcoemrich

Marco is a Senior Consultant at codecentric. As a passionate advocate of software crafting and code quality, Marco has many years of experience in architecture and development. He regularly lectures at well-known conferences and is author of several programming books. When he is not organizing the Softwerkskammer Nuremberg (developer meetup), he is probably explaining to his son how to program robotic turtles.

Sophia Cook

@soisco

Sophia is a senior IT consultant with a focus on software development. Her aversion to frontend and especially JavaScript was cured by using Hexagonal Architecture in a frontend project. You could almost say that her heart is now burning for frontend. Sophia is also an advocate for more women in IT. Her newly founded munich based community Shevelopers provides a stage for women by women and all supporting allies.