Skip to content

Commit 47e8cf6

Browse files
authored
Update concept.md
1 parent 11f1f08 commit 47e8cf6

File tree

1 file changed

+14
-13
lines changed

1 file changed

+14
-13
lines changed

docs/advanced/technical/concept.md

Lines changed: 14 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
This article provides a technical dive into abap2UI5, a framework that simplifies SAP UI5 application development by moving both UI rendering and logic back to the ABAP backend. It introduces the key architectural concept — HTML Over the Wire — and explains how this idea is adapted to the SAP ecosystem.
44

55

6-
##### What is HTML Over-the-Wire?
6+
#### What is HTML Over-the-Wire?
77

88
HTML Over the Wire refers to a web architecture where the server renders ready-to-use HTML and sends it directly to the browser. Instead of sending raw data (e.g., JSON) and rendering UIs with JavaScript frameworks on the client, the server handles both the application logic and HTML generation and sending it to the browser — without relying on JSON, client-side MVC frameworks, bundling, or transpiling pipelines.
99

@@ -17,6 +17,17 @@ Unlike Single Page Applications (SPAs), which shift most responsibilities to the
1717

1818
_HTML "Over the Wire" Lifecycle [(Quelle)](https://community.sap.com/t5/technology-blog-posts-by-members/fiori-like-web-app-development-in-pure-abap-with-htmx-and-fundamental/ba-p/13500763)_
1919

20+
Several frameworks successfully implement the HTML Over-the-Wire approach:
21+
22+
| Framework | Focus | Tech Stack |
23+
|-----------------------|--------------------------------------|----------------------|
24+
| [htmx](https://htmx.org) | Progressive enhancement via HTML partials | Any web stack |
25+
| [Hotwire (Turbo)](https://hotwired.dev) | HTML-over-the-wire for Rails apps | Ruby on Rails |
26+
| [Phoenix LiveView](https://hexdocs.pm/phoenix_live_view) | Real-time UI with server rendering | Elixir / Phoenix |
27+
| [Livewire](https://livewire.laravel.com) | Server-driven UI components in PHP | Laravel / PHP |
28+
| [Unpoly](https://unpoly.com) | Simplified partial page updates | Any web stack |
29+
30+
2031
#### Where does it come from?
2132

2233
In early web development, **Server-Side Rendering (SSR)** was the default. Every user action triggered a full-page reload with a complete HTML response.
@@ -41,16 +52,6 @@ Architectural Comparison:
4152
| **SPA** | Raw data (JSON), client builds UI| Client-side (JavaScript) | 2010s – today |
4253
| **Over-the-Wire** | HTML fragments for partial updates | Server renders, browser inserts | 2020s (re-emerging) |
4354

44-
Several frameworks successfully implement the HTML Over-the-Wire approach:
45-
46-
| Framework | Focus | Tech Stack |
47-
|-----------------------|--------------------------------------|----------------------|
48-
| [htmx](https://htmx.org) | Progressive enhancement via HTML partials | Any web stack |
49-
| [Hotwire (Turbo)](https://hotwired.dev) | HTML-over-the-wire for Rails apps | Ruby on Rails |
50-
| [Phoenix LiveView](https://hexdocs.pm/phoenix_live_view) | Real-time UI with server rendering | Elixir / Phoenix |
51-
| [Livewire](https://livewire.laravel.com) | Server-driven UI components in PHP | Laravel / PHP |
52-
| [Unpoly](https://unpoly.com) | Simplified partial page updates | Any web stack |
53-
5455

5556
#### How can we adapt this to UI5?
5657

@@ -85,7 +86,7 @@ UI5 vs. "UI5 Over the Wire" - Communication
8586

8687
We use an AJAX roundtrip logic similar to "HTML Over the Wire" approaches, but in this case, we cannot send HTML directly. Instead, we send a View combined with its Data. This results in a concept that we could refer to as "UI5-View Over the Wire".
8788

88-
##### 7. Merging Data & Presentation
89+
###### Merging Data & Presentation
8990

9091
A typical "UI5-View Over the Wire" response looks like this:
9192

@@ -95,7 +96,7 @@ A typical "UI5-View Over the Wire" response looks like this:
9596

9697

9798

98-
99+
#### Summary
99100

100101

101102

0 commit comments

Comments
 (0)