Revision 700: 2016 vs. 2026 – Was ist aus unseren Prognosen geworden?

Zum Jubiläum werfen wir einen Blick zurück – ziemlich genau zehn Jahre. Inspiriert von einem Vorschlag aus unserem Community-Slack hören wir noch einmal in unsere Prognosen-Folge von Ende 2015 hinein und prüfen: Was ist aus unseren damaligen Thesen zu HTTP/2, Flexbox, Angular 2, React, Web Components und WebAssembly geworden?

Zwischen Nostalgie, realistischen Einschätzungen und ein paar veritablen Fehleinschätzungen sprechen wir darüber, wie sich Frontend-Engineering tatsächlich verändert hat – und wo wir heute stehen: weniger Browser-Drama, mehr Tooling, mehr Framework-Vielfalt und ein völlig neues Spannungsfeld durch AI-gestützte Entwicklung.

Schaunotizen

[00:01:16] Das Web 10 Jahre später: Evolution statt Revolution

Wir stellen fest: Viele Entwicklungen sind nicht spektakulär explodiert, sondern langsam gereift. HTTPS ist heute selbstverständlich – befeuert durch Let’s Encrypt und die Einführung von HTTP/2 (inklusive des mittlerweile gescheiterten Server Push) sowie später HTTP/3.

Im CSS-Bereich hat sich Grid etabliert, ohne Flexbox zu verdrängen. Beide koexistieren – oft pragmatisch statt dogmatisch eingesetzt.

Bei JavaScript hat ES2015 vieles verändert, aber weniger fundamental als gedacht. Wirklich einschneidend war async/await; vieles andere war „syntaktischer Zucker“. Parallel hat sich TypeScript stark verbreitet – ohne JavaScript zu ersetzen.

Im Framework-Bereich ist keine Monokultur entstanden: React, Angular, Vue und andere bedienen unterschiedliche Ökosysteme. Statt Konsolidierung sehen wir Fragmentierung. Und dann gibt es die AI-Tools, die bevorzugt mit React/TypeScript arbeiten.

Web Components und WebAssembly? Kein Mainstream-Overtake, aber solide Nischen-Erfolge. Sie tun genau das, wofür sie gedacht waren – nicht mehr, nicht weniger.

Und schließlich: Browser-Testing ist entspannter geworden. Der Internet Explorer ist Geschichte, Edge-Cases existieren weiterhin (hallo iOS Safari), aber das Drama-Level ist deutlich gesunken. Headless-Browser und CI-Tests haben neue Testrealitäten geschaffen.

Links

Let’s Encrypt

Kostenlose TLS-Zertifikate, die HTTPS massentauglich gemacht haben.

Kevin Powell – Flexbox vs. Grid

Das Video erklärt anschaulich, wann man in CSS besser zu Flexbox oder Grid greift, und zeigt, dass beide Layout-Methoden unterschiedliche Stärken haben und sich in der Praxis ideal ergänzen, statt miteinander zu konkurrieren.

Next.js

React-Framework, das als Default-Stack vieler AI-Tools gilt.

Vercel

Hosting-Plattform, eng mit Next.js verzahnt.

Playwright

Browser-Automatisierung und Testing-Framework für Headless-Tests.

BrowserStack

Cloud-Dienst zum Testen in echten Browser-/Device-Kombinationen.

Google Trends

Grundlage unserer Diskussion zu Suchvolumen von JavaScript, TypeScript, Python & Co.

Dead Framework Theory

In disem Blogpost beschreibt Paul Kinlan eindrücklich, wie sich durch LLMs und ihre Trainingsdaten eine selbstverstärkende Dynamik zugunsten etablierter Frameworks wie React entwickelt, die es neuen Ansätzen zunehmend schwer macht, überhaupt noch Fuß zu fassen.

Web Components (MDN)

Überblick über Custom Elements, Shadow DOM & Co.

WebAssembly

Low-Level-Binaryformat für performante Web-Anwendungen.

CSS Houdini

Initiative zur Erweiterung von CSS mit Low-Level-APIs.

Digital Markets Act

EU-Regulierung mit potenziellen Auswirkungen auf Browser-Monopole.

European Accessibility Act

Europäische Richtlinie zur Barrierefreiheit digitaler Produkte und Dienste.