The whale𝗗𝗮𝘁𝗮𝘀𝘁𝗮𝗿:
#Hypermedia #Framework #Datastar
https://thewhale.cc/posts/datastar
Datastar is a lightweight framework for building everything from simple sites to real-time collaborative web apps.
🫧 socialcoding..There are interesting paradigm shifts possible today, which result in great opportunities to break the browser oligopoly, and SaaS + cloud vendor hegemony of Web 2.0 with its Rube Goldberg technology stack.
@strypey referred to one of them, in a post to the Open App Ecosystem community group on #Loomio: The #hypermedia #web.
Since my hobby (it doesn't earn income yet) involves elaborating #SX methodology as a Social experience designer, I thought it interesting to add my follow-up from that perspective..
https://www.loomio.com/d/VYPyO17M/building-interactive-websites-in-a-post-framework-web/13
Building interactive websites in a post-framework web
I recently stumbled across Daz's guide to building websites using HDA (Hypermedia-Driven Architecture), as an replacement for heavy and regularly obsoleted JavaScript frameworks like React. The finer details of his code examples go over my head, but what I think I understand from his description of the architecture, and the reasoning behind it, seems groundbreaking.The examples in Daz's guide are based around using HTMX. A comment on SH mentioned DataStar, which is maybe an alternative to HTMX? Certainly seems to have similar goals from what I read on their homepage.From what I read in Daz's guide, it seems like adopting this kind of approach to interactive web interfaces like Loomio, and fediverse web apps, could be a game-changer. Massively reducing the complexity of feature development and maintenance, and avoiding the cycle of having to massively refactor every time the JS framework in use becomes obsolete.Thoughts?
Aral Balkan🥳 New Kitten Release
• Fix: Events on `KittenComponent` hierarchies are now bubbled in reverse (from children down to parents). This provides for predictable event firing in cases where parents might emit events (e.g., a page emitting an event from its `onConnect()` handler). Your existing code should work as before with certain edge cases that might have broken before no longer breaking.
Enjoy!
💕
#Kitten #KittenReleases #SmallWeb #SmallTech #web #dev #events #serverSide #eventBased #components #hypermedia #streamingHTML
🥳 New Kitten Release
• `KittenComponent` (and thereby `KittenPage`) gains an `emit()` method.
Use this to bubble events from your page to all child components or from any component to all of its child components.
This is useful, for example, for setting the state of a page or a component where each child component knows how to present itself for that state.
(That, in turn, is useful if you want to be able to restore state based on URLs.)
The naming convention-based mapping of event names to event handler names is the same as for the events you receive from the client. So an event called `myEvent` will result in `onMyEvent` handlers on child components being called.
(Also update @small-web/kitten to version 7.1.0 to get language intelligence for the new method.)
Enjoy!
💕
#Kitten #KittenReleases #SmallWeb #SmallTech #web #dev #events #serverSide #eventBased #components #hypermedia #streamingHTML
Venkatesh-Prasad RanganathRich and balanced comparison of the performance of SPA and hypermedia based web app with interesting findings 👏 The post includes limitations/caveats along with balanced when-to-use recommendations 👍
#SPA #web #hypermedia #performance
https://zweiundeins.gmbh/en/methodology/spa-vs-hypermedia-real-world-performance-under-load
Oh, that is very interesting. I will queue this up for inclusion in the delightful fediverse development curated list.
#Datastar may be a great library to check out here, and goes further in #hypermedia approach, where #HTMX considers itself feature-complete. Datastar uses #SSE to keep the connection to the client open. The client-side JS lib that is needed is super small. In datastar apps most of the business logic lives in the backend, and it lends itself very well for #EventSourcing. The original author/co-maintainer uses it with #NATS which also serves as the event store.
HackerNoonIs HTMX's dogmatic insistence on HTML holding it back? Discover JSON partials as the future of cross-platform UI and secure AI-generated hypermedia interfaces. https://hackernoon.com/the-html-partial-trap-why-htmx-is-only-half-the-story #hypermedia
CompilaQuindiVa - Marco B.Se Darwin vedesse l'evoluzione dello sviluppo web, cosa direbbe?
Quale sarebbe la sua reazione di fronte alla pletora di #framework #JavaScript che sono nati nel corso degli ultimi anni?
Nella prossima live su #Twitch parliamo di **#Hypermedia-Driven Applications**, ovvero la storia di come abbiamo reinventato ciò che il browser è in grado di fare egregiamente da sempre [modalità provocazione ON]. 😄
Ci vediamo martedì ore 21:30 sul mio canale "Compila Quindi Va"!
👉 https://twitch.tv/compilaquindiva
Kai Tödter 🎹📷🚀 Announcing HAL Explorer v2.2.1
A web app for exploring REST APIs based on HAL and HAL-FORMS. This update brings better layout control with resizable and scrollable layout elements.
🔗 GitHub: https://github.com/toedter/hal-explorer
I'd love your feedback!
Justin Prine
