16. April 2024 Börse Dresden
Dev Day 2024

Hyper Hyper! Javascript fatigue und die Hypermedia Renaissance (?)

Hypermedia erlebt in den letzten Jahren eine Renaissance. Das Elixir-Webframework Phoenix (1) bietet mit Live-Views (2) einen Hypermedia-Mechanismus an, um reiche Webfrontends ohne JavaScript zu schreiben. Ähnlich das Turbo-Paket (3) für Ruby on Rails.

Dazu gesellt sich seit einiger Zeit HTMX (4). Das ist eine sprach- und frameworkunabhängige Javascript-Bibliothek die HTML als Hypertext endlich vervollständigen soll. Wer sich schon immer darüber geärgert hat, dass nur Anchor-Tags und Formulare einen Request abschicken dürfen, warum diese überhaupt nur `GET` bzw. `POST` unterstützen und warum immer gleich die ganze Seite ersetzt werden muss, ist hier genau richtig.

Anders als mit React (5) und Konsorten bekommen wir mit HTMX endlich wieder die Möglichkeit, wirklich deklarativen Frontendcode zu schreiben und den Zustand dort zu lassen, wo er ohnehin hingehört: auf dem Server. Dass die Frontend Buildzeiten auf Null sinken ist natürlich ein netter Bonus.

Wer also keine Lust mehr hat, für jede Single Page Application grundlegende Browserfunktionalität nachzubauen (looking at you, Navigation und History) oder Performancehacks für große `<select>`s zu basteln, kann sich hier anschauen, wie das deklarative Hypermedia-Web in Zukunft (wieder) aussehen könnte.

(1) https://www.phoenixframework.org/
(2) https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html
(3) https://www.hotrails.dev/turbo-rails
(4) https://htmx.org
(5) https://react.dev/

Wollen Sie Sponsoringpartner werden? Schauen Sie sich unsere Sponsoring Optionen an.

Jetzt Sponsor werden