Startseite
Podcasts
Engineering Kiosk Podcast
#117 Vanilla Web: Niedrige Kopplung & hohe Kohäsion mit Golo Roden von the native web

#117 Vanilla Web: Niedrige Kopplung & hohe Kohäsion mit Golo Roden von the native web

Engineering Kiosk vor 2 Jahren

0:00

1:20:37

Ein Leitspruch für die Frontend-Welt: Make simple things simple
and complex things possible

Die Frontend-Entwicklung hat in den letzten Jahren einen ziemlich
großen Wandel erlebt. Es fing alles ganz simpel an: CSS und
JavaScript wurden einfach via script-tag inkludiert. Danach kamen
Performance-Optimierung durch Minification, mehr JavaScript- und
CSS Features (zB Browser-APIs) wurden in die Browser
implementiert und die Standards kamen nicht hinterher, doch wir
Entwickler*innen wollten wir diese schon in Produktion nutzen
(aka Polyfills und Transpilieren). Und auch die Web-Apps wurden
immer mehr “Desktop-Like”, was einen Effekt auf die Frontends von
heute hat, zB. React, Vue und Co. Und wo sind wir heute?
Frameworks wie HTMX, die mit Einfachheit werben, erleben einen
neuen Hype.

Doch ist das alles neu oder nur “alter Wein in neuen Schläuchen”?
Erkaufen wir uns durch diesen großen Tooling-Stack wirklich
Einfachheit oder schließen wir uns durch die Komplexität doch
nicht in eine "proprietäre API” ein, die es sehr schwer macht,
das Framework zu wechseln? Und zu guter letzt: Ist die
Komplexität gerechtfertigt?

Zu diesem Thema sprechen wir mit Golo Roden. Golo ist
Frontend-Experte und spezialisiert auf native Webtechnologien.
Mit ihm behandeln wir Themen wie die Probleme von aktuellen
UI-Frameworks und woher diese Probleme eigentlich kommen, wie er
zu einfacheren Konzepten wie HTMX steht, über mögliche
Lösungsansätze für die Probleme, Standards wie Web Components und
welche Rolle TypeScript in dem ganzen Mix einnimmt.

Bonus: Warum Monkey Island das richtige Spiel für dich und deine
Kinder ist.

Das schnelle Feedback zur Episode:

(top) (geht
so)

Feedback (gerne auch als Voice Message)

EngKiosk Community:
https://engineeringkiosk.dev/join-discord

Email: stehtisch@engineeringkiosk.dev

Mastodon: https://podcasts.social/@engkiosk

Twitter: https://twitter.com/EngKiosk

WhatsApp +49 15678 136776

Gerne behandeln wir auch euer Audio Feedback in einer der
nächsten Episoden, einfach Audiodatei per Email oder WhatsApp
Voice Message an +49 15678 136776

Links

the native web GmbH: https://thenativeweb.io/

YouTube-Kanal von Golo Roden:
https://www.youtube.com/@thenativeweb

Video HTMX: Die perfekte UI-Technologie?!:
https://www.youtube.com/watch?v=TL5TtpZ33xU

Artikel HTMX: Die perfekte UI-Technologie?:
https://www.heise.de/blog/HTMX-Die-perfekte-UI-Technologie-9633960.html

JavaScript Bloat in 2024:
https://news.ycombinator.com/item?id=39471221

Artikel Vanilla-Web: Der Frontend-Trend 2024?:
https://www.heise.de/blog/Vanilla-Web-Der-Frontend-Trend-2024-9611002.html

Babel.js: https://babeljs.io/

jQuery releases: https://github.com/jquery/jquery/releases

Redux: https://redux.js.org/

Engineering Kiosk Episode #84 Die Evolution von JavaScript:
Vom Ducktyping zum Monopol im Browser mit Peter Kröner:
https://engineeringkiosk.dev/podcast/episode/84-die-evolution-von-javascript-vom-ducktyping-zum-monopol-im-browser-mit-peter-kr%C3%B6ner/

AngularJS: https://angularjs.org/

Prince of Persia in Assembler:
https://www.youtube.com/watch?v=hr5xQpznD0Y

Web Components:
https://developer.mozilla.org/en-US/docs/Web/API/Web_components

Sprungmarken

(00:00:00) Unser Gast Golo Roden

(00:06:28) Info/Werbung

(00:07:32) Monkey Island für Kinder

(00:11:53) Der aktuelle Tech-Stack in einem Web-Projekt

(00:15:04) Innovation in der Frontend-Welt oder alter Wein in
neuen Schläuchen?

(00:26:10) Was ist HTMX und welches Problem soll es lösen?

(00:33:11) Kritikpunkte an HTMX

(00:42:50) Innovation fördert auch die Standardisierung im Web

(00:47:29) Bloated JavaScript und User Experience im Web

(00:55:51) Hohe Kohäsion, niedrige Kopplung

(01:02:00) Web Components und Standardisierung

(01:09:04) Welche Rolle spielt TypeScript in diesem Mix?

Hosts

Wolfgang Gassler (https://mastodon.social/@woolf)

Andy Grunwald (https://twitter.com/andygrunwald)

Feedback (gerne auch als Voice Message)

EngKiosk Community:
https://engineeringkiosk.dev/join-discord

Email: stehtisch@engineeringkiosk.dev

Mastodon: https://podcasts.social/@engkiosk

Twitter: https://twitter.com/EngKiosk

WhatsApp +49 15678 136776