Revision 595: HTML over the Wire und Unpoly

Published: Nov. 28, 2023, 8:05 a.m.

In dieser Revision hat Schepp Henning Koch (Web / Twitter / LinkedIn) aus\nAugsburg zu Gast, der Mitgr\xfcnder von Makandra ist, einem Team aus Ruby- und\nJavaScript-Entwicklern, UI-Designern und Ops-Leuten, die ma\xdfgeschneiderte\nL\xf6sungen f\xfcr ihre Kunden entwickeln. Thema des Gespr\xe4chs ist \u201eHTML over the\nWire\u201c. Henning ist zudem der Maintainer von Unpoly, einem Open-Source-Tool, das\ngenau diesen Ansatz verfolgt.\n\n\nSCHAUNOTIZEN\n\n[00:01:52] HTML OVER THE WIRE\n\nWir starten mit der Feststellung, dass \u201eHTML over the Wire\u201c erst in letzter Zeit\nstark an Popularit\xe4t und Momentum gewonnen hat, obwohl das Konzept bereits seit\nlanger Zeit existiert. So gab es schon fr\xfcher Ans\xe4tze, wie z.B. \u201eLaravel\nLivewire\u201c, \xfcber das wir auch schon in Revision 499 mit Christoph Rumpel\nsprachen.\n\n\n\nSodann geht es zu den Vorteilen von \u201eHTML over the Wire\u201c, wie z.B. die\nM\xf6glichkeit, kleine Fragmente einer Seite auszutauschen, ohne die gesamte Seite\nneu laden zu m\xfcssen, sowie die M\xf6glichkeit, Animationen und non-disruptive\nNavigationen zu haben, ohne den ganzen heutzutage \xfcblichen clientseitigen\nAufwand. Teil des Konzepts ist die Tatsache, dass viel Logik und\nDatenverarbeitung wieder vom Frontend zum Server zur\xfcck wandert, und\nFrontend-Entwickler*innen sich wieder auf das klassische Frontend und\nUser-Interface konzentrieren k\xf6nnen. Es sind keine JSON-API-Endpoints und auch\nkeine clientseitigen Renderer mehr erforderlich, um Daten hin und her zu\nschicken und in HTML umzuwandeln, was die Last auf den Clients deutlich\nreduziert. Frontend-Entwickler*innen k\xf6nnen zwar weiterhin eigenes Scripting\nverwenden, wo es sinnvoll ist, aber das Heavy-Lifting wird vom Server\n\xfcbernommen.\n\nSchlie\xdflich sprechen wir \xfcber die Entstehung von Unpoly und wie es im Rahmen von\nHennings T\xe4tigkeit bei Makranda entstanden ist. Bei Makranda machen sie vor\nallem Greenfield-Projekte und hatten in der Vergangenheit schlechte Erfahrungen\nmit jQuery-Spaghetti-Haufen und AngularJS gemacht. Das Team wollte eine L\xf6sung,\ndie weniger Code erfordert und die Logik nicht so stark verteilt. Dies f\xfchrte\nschlie\xdflich zur Entwicklung von Unpoly. Das Framework setzt von seiner\nPhilosophie her stark auf Progressive Enhancement und unterst\xfctzt\nEntwickler*innen dabei, barrierearme Produkte damit umzusetzen. Spannend ist\nauch das Konzept der \u201eLayers\u201c, mit denen Dinge wie Offcanvas-Men\xfcs, Overlays und\nPopovers orchestriert werden.\n\n\nKEINE SCHAUNOTIZEN\n\nDER UNPOLY ELEVATOR PITCH\n\nEin Pr\xe4sentationsdeck, das die Motivation hinter Unpoly und seine Vorz\xfcge und\nFeatures abhandelt.\n\n\nANMELDUNG ZUR REVISION 600 IM ONLINE FORMAT\n\nHIER GEHT\u2019S ZUR ANMELDUNG AUF MEETUP\n\nFeiert am 07.01. von 15 bis 18 Uhr mit uns die 600. Podcast-Episode bei einem\neinzigartigen Online-Event! Wir veranstalten eine Fishbowl-Diskussion, bei der\neinige Teilnehmer im \u2018inneren Kreis\u2019 diskutieren, w\xe4hrend andere im \u2018\xe4u\xdferen\nKreis\u2019 zuh\xf6ren und dann einsteigen k\xf6nnen. Es ist eine interaktive und\ndynamische Form des Austauschs, perfekt, um tief in das Thema Webentwicklung\neinzutauchen. Wir freuen uns auf euch!