Baselone 24 Talk: Jenseits vom Technologie-Hype: Wie wählen wir den richtigen Frontend-Architekturstil?
Abstract
Die Wahl der passenden Frontend-Architektur ist ein kritischer Erfolgsfaktor von jeder Software-Initiative.
Leider werden diese zentralen Architektur-Entscheidungen oftmals von kurzlebigen Frontend-Hypes und Trends stark beeinflusst, anstatt von fundierten Architekturüberlegungen.
Dieser Talk ermöglicht kritisches und fundiertes Architekturdenken und erkundet eine Bandbreite unterschiedlicher Frontend-Architekturen, von Single Page Applications (SPAs) bis hin zu Static Site Generation (SSG).
Wir analysieren, wie die jeweiligen Architekturstile mögliche Qualitätsanforderungen wie z.B. Performance, Benutzbarkeit und Wartbarkeit unterschiedlich erfüllen.
Ziel ist es, Software-Architektinnen und Software-Architekten sowie Frontend-Entwicklerinnen und Frontend-Entwickler die nötigen Techniken zu vermitteln, um über Technologie-Hypes hinauszudenken und passende Entscheidungen für zukünftige Softwarevorhaben zu treffen.
Slides
Weitere Informationen
Software Architecture Canvas
- Blog-Post: https://www.workingsoftware.dev/software-architecture-canvas/
- Software Architecture Canvas auf arc42: https://canvas.arc42.org
- Architecture Inception Canvas: https://canvas.arc42.org/architecture-inception-canvas
- Architecture Communication Canvas: https://canvas.arc42.org/architecture-communication-canvas
Qualitätsszenarien
- Qualitätsszenario erklärt: https://www.workingsoftware.dev/the-ultimate-guide-to-write-non-functional-requirements/#introduction-to-quality-scenarios
- "Q42" quality model: https://quality.arc42.org/
Google Web Vitals
- Einführung zu den Google Web Vitals: https://web.dev/articles/vitals
- Time to First Byte: https://web.dev/articles/ttfb
- First Contentful Paint: https://web.dev/articles/fcp
- Largest Contentful Paint: https://web.dev/articles/lcp
- Time To Interactive: https://web.dev/articles/tti
- Total Blocking Time: https://web.dev/articles/tbt
- Cumulative Layout Shift: https://web.dev/articles/cls
- Interaction to Next Paint: https://web.dev/articles/inp
- Lighthouse auf GitHub: https://github.com/GoogleChrome/lighthouse
- Lighthouse CI auf GitHub: https://github.com/GoogleChrome/lighthouse-ci
Frontend Rendering Techniken
JAM Stack & unterstützende Plattformen
- Jamstack erklärt: jamstack.org und jamstack.wtf
- Netlify
- Vercel
Island Architecture und unterstützende Plattformen
- Ursprünglicher Blog Post über Island Architecture
- Island Architecture auf patterns.dev: https://www.patterns.dev/vanilla/islands-architecture/
- Island Architecture in Astro: https://docs.astro.build/en/concepts/islands/
User Story Mapping
- User Story Mapping erklärt: https://t2informatik.de/wissen-kompakt/user-story-mapping/
- User Story Mapping Buch von Jeff Paton: https://amzn.to/47t4IxH
Frontend Architecture Map
- Blog Post: https://www.workingsoftware.dev/frontend-architecture-map-a-user-journey-driven-approach-to-avoid-hype-driven-development/
- Frontend Architecture Map auf GitHub: https://github.com/bitsmuggler/frontend-architecture-map
- Frontend Architecture Map als Miro Board: https://miro.com/miroverse/frontend-architecture-map/
Technology Radar
- Original Technology Radar von Thoughtworks: https://www.thoughtworks.com/radar
- Eigenen Technology Radar bauen: https://www.thoughtworks.com/de-de/radar/byor
- Liste mit Technology Radar Beispielen: https://www.workingsoftware.dev/inspirational-technology-radar-examples/