3 个仓库
Building applications by extending HTML to handle dynamic interactions.
Distinguishing note: Focuses on the architectural approach of hypermedia rather than specific tools.
Explore 3 awesome GitHub repositories matching web development · Hypermedia-Driven Development. Refine with filters or upvote what's useful.
HTMX is a hypermedia-driven frontend library that enables the creation of dynamic, asynchronous web applications by extending standard HTML attributes. It functions as a declarative engine that intercepts browser events to trigger network requests, allowing developers to update specific regions of the document with server-rendered HTML fragments. By shifting the logic of UI composition to the server, it minimizes the need for complex client-side state management and imperative JavaScript. The library distinguishes itself through a progressive enhancement workflow that ensures web interfaces r
Builds dynamic web applications by extending standard HTML attributes to handle complex interactions.
Intercooler-js 是一个声明式 AJAX 框架和服务器驱动的 UI 库。它作为一个超媒体 Web 框架,通过将特定的 DOM 元素替换为服务器返回的 HTML 片段,实现单页应用体验。 该库的特色在于使用 HTML 属性将 DOM 元素映射到服务器端点,从而无需手动编写脚本即可实现异步 HTTP 请求和 DOM 更新。它支持超媒体驱动的架构,即服务器通过响应头和交付带注解的 HTML 片段来控制客户端状态。 项目涵盖了广泛的功能,包括通过服务器发送事件 (SSE) 实现实时 UI 更新、浏览器历史记录与状态同步、自动内容轮询。此外,还提供资源依赖管理以协调相关 UI 元素间的更新、用于监控网络故障的远程错误日志记录,以及用于管理元素生命周期和 CSS 过渡的客户端 DOM 操作。
Implements a server-controlled architecture where the server delivers HTML fragments to update the client state.
Datastar is a framework for hypermedia application development that enables the creation of reactive user interfaces using declarative HTML attributes. It focuses on server-driven state management, offloading application logic and state transitions to the backend to reduce frontend complexity. The project distinguishes itself through real-time UI streaming, using Server-Sent Events to push incremental DOM patches and state changes over a single long-lived connection. It synchronizes frontend and backend state by applying partial JSON updates to a client-side signal store and employs morphing-
Implements a hypermedia-driven architectural approach to build interactive web applications.