Skip to content

Commit bb30534

Browse files
authored
Update over_the_wire.md
1 parent 7f9d2ba commit bb30534

File tree

1 file changed

+8
-10
lines changed

1 file changed

+8
-10
lines changed

docs/advanced/technical/over_the_wire.md

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,12 @@
11
# Key Idea: Over-the-Wire in abap2UI5
22

3-
## Introduction
4-
53
The core idea of **abap2UI5** is to apply the principles of **Over-the-Wire (OtW)** web development to the SAP ecosystem.
64
Over-the-Wire refers to a pattern where the **server is responsible for rendering the user interface (UI)** and sends **ready-to-render HTML fragments** to the browser.
75
This avoids complex client-side frameworks and keeps the frontend lean and maintainable.
86

97
While this approach is widely used in frameworks like Hotwire, Livewire, or Phoenix LiveView, **abap2UI5 adapts this idea for SAP**, using the SAPUI5 runtime to render the UI based on server-provided definitions.
108

11-
## Historical Context: From SSR to Over-the-Wire
9+
#### Historical Context: From SSR to Over-the-Wire
1210

1311
In the early days of web development, **Server-Side Rendering (SSR)** was the standard approach.
1412
Every user interaction triggered a request to the server, which returned a fully rendered HTML page.
@@ -28,15 +26,15 @@ As a response to this complexity, the **Over-the-Wire approach re-emerged**:
2826

2927
Frameworks like **Hotwire (Rails)**, **Livewire (Laravel)**, and **Phoenix LiveView (Elixir)** are modern implementations of this concept.
3028

31-
## Architectural Comparison
29+
#### Architectural Comparison
3230

3331
| Approach | Data Flow | Rendering Location | Time |
3432
|----------|-----------|-------------------|-------------|
3533
| **SSR** | Full-page HTML responses | Entirely on the server | 1990s – early 2010s |
3634
| **SPA** | Raw data (JSON), client builds UI | Client-side (JavaScript framework) | ~2010s – today |
3735
| **Over-the-Wire** | HTML fragments for partial updates | Server renders, browser inserts | ~2020s (re-emerging) |
3836

39-
## Related Frameworks with Similar Ideas
37+
#### Over-the-Wire Frameworks
4038

4139
| Framework | Key Use Case | Technology |
4240
|-----------|--------------|------------|
@@ -48,7 +46,7 @@ Frameworks like **Hotwire (Rails)**, **Livewire (Laravel)**, and **Phoenix LiveV
4846
| **[Blazor Server](https://learn.microsoft.com/en-us/aspnet/core/blazor/)** | Server-side UI rendering with SignalR | .NET / C# |
4947
| **[Inertia.js](https://inertiajs.com/)** | SPA-like experience with server-driven UI | JavaScript + Laravel/Rails |
5048

51-
## Over-the-Wire in abap2UI5
49+
#### Over-the-Wire in abap2UI5
5250

5351
**abap2UI5** adopts the Over-the-Wire principle but tailors it to SAP's technical environment:
5452

@@ -58,28 +56,28 @@ Frameworks like **Hotwire (Rails)**, **Livewire (Laravel)**, and **Phoenix LiveV
5856
- The frontend code itself is **never generated dynamically**. It remains stable and generic.
5957
- All business logic, UI definitions, and dynamic behavior are maintained on the backend.
6058

61-
### Key Characteristics:
59+
#### Key Characteristics:
6260
- **Frontend code is static** (SAPUI5 components).
6361
- **Backend fully controls UI definitions and logic**.
6462
- No separate frontend development needed.
6563
- Aligns with SAP's technology stack while following Over-the-Wire principles.
6664

67-
## Benefits for SAP Applications
65+
#### Benefits for SAP Applications
6866

6967
- **Reduced Frontend Complexity**: No need for custom JavaScript development per app.
7068
- **Faster Development Cycles**: UI and logic are controlled via ABAP.
7169
- **Maintainable Architecture**: Reuse of SAPUI5 runtime, minimal frontend code.
7270
- **Seamless SAP Integration**: abap2UI5 fits into existing SAP systems.
7371
- **Ideal for Business Applications**: CRUD-heavy apps, forms, dashboards, transactions.
7472

75-
## Limitations to Consider
73+
#### Limitations to Consider
7674

7775
While Over-the-Wire (and abap2UI5) offers many advantages, it may not be suitable for:
7876
- Highly interactive, real-time collaboration tools (e.g., design apps, chat platforms).
7977
- Applications requiring offline capabilities.
8078
- Large-scale frontend projects developed independently from backend teams.
8179

82-
## Conclusion
80+
#### Conclusion
8381

8482
The **key idea of abap2UI5** is to apply the simplicity of the Over-the-Wire approach to the SAP world.
8583
It enables building efficient, maintainable business applications by shifting UI control back to the backend, while using SAPUI5 as a stable frontend runtime.

0 commit comments

Comments
 (0)