You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/advanced/technical/concept.md
+6-7Lines changed: 6 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -33,17 +33,15 @@ Several modern frameworks follow this pattern:
33
33
34
34
#### But isn't this just old-school server rendering?
35
35
36
-
In the early days of web development, Server-Side Rendering (SSR) was the standard. Each user interaction triggered a full-page reload, with the server delivering the complete HTML response. In the SAP ecosystem, this approach was used by technologies such as ITS Mobile and SAP GUI for HTML.
36
+
In the early days of web development, Server-Side Rendering (SSR) was the standard. Every user interaction triggered a full-page reload, and the server responded with a complete HTML document. Within the SAP ecosystem, this approach was seen in technologies like ITS Mobile and SAP GUI for HTML.
37
37
38
-
With the rise of Single-Page Applications (SPAs), rendering shifted to the browser. SPAs retrieve raw data—often via OData in SAP systems—and construct the UI dynamically using JavaScript frameworks such as React, Angular, or Vue. SAP introduced a client-side SPA framework with UI5 in 2010.
38
+
The emergence of Single-Page Applications (SPAs) shifted the rendering logic to the client. SPAs fetch raw data — through OData services in SAP systems — and dynamically construct the UI in the browser using JavaScript frameworks such as React, Angular, or Vue. SAP adopted this paradigm with the introduction of UI5 in 2010.
39
39
40
-
However, SPAs introduced new challenges: complex API layers, fragmented frontend and backend development teams, and intricate build and deployment pipelines.
40
+
However, SPAs come with their own set of challenges: complex API layers, separation of frontend and backend development teams, and intricate build and deployment pipelines.
41
41
42
42
As a counter-approach, HTML Over-the-Wire reintroduces a server-driven approach to UI updates:
43
-
- The server sends only HTML fragments, not entire pages
44
-
- The browser updates specific portions of the DOM
45
-
- The frontend remains simple and declarative
46
-
- All logic and artifacts reside in the backend
43
+
- The server sends only HTML fragments, not entire pages, the browser updates specific parts of the DOM
44
+
- The frontend remains simple and declarative, all logic and artifacts reside in the backend
47
45
48
46
Architectural Comparison:
49
47
@@ -53,6 +51,7 @@ Architectural Comparison:
53
51
|**SPA**| Raw data (JSON), client builds UI| Client-side (JavaScript) | 2010s – today |
54
52
|**Over-the-Wire**| HTML fragments for partial updates | Server renders, browser inserts | 2020s (re-emerging) |
55
53
54
+
In short: Over-the-Wire sends only partial HTML updates, while SSR reloads the full page on every interaction.
0 commit comments