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

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.





**** Diese Episode wird von der HANDELSBLATT MEDIA GROUP
gesponsert.


Wirtschaft ist nicht immer einfach. Deswegen lautet die Mission
der HANDELSBLATT MEDIA GROUP: „Wir möchten Menschen befähigen,
die Wirtschaft zu verstehen.“ Mit ihren Kernprodukten, dem
Handelsblatt und der WirtschaftsWoche, sowie 160.000 Abonnements,
15 Millionen Besuchern und 3 Milliarden Anfragen in einem Monat
leisten sie einen wichtigen Beitrag zur Orientierung und
Meinungsbildung in den Bereichen Wirtschaft und Politik und
machen damit einen ausgezeichneten Job.


Wenn du Teil dieser Mission sein möchtest, schau auf
https://engineeringkiosk.dev/handelsblatt vorbei und werde ein
Teil der HANDELSBLATT MEDIA GROUP.


********





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) Die Handelsblatt Media Group (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