Django-LiveView/docs
1
0
Fork 0
mirror of https://github.com/Django-LiveView/docs.git synced 2025-12-30 21:22:23 +01:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Fix table display by converting to bullet lists

Browse Source 
- Convert benchmark comparison table to bullet list format
- Convert technology comparison table to bullet list with pipe separators
- Add comprehensive table styling in CSS (prepared for future use)
- one.el backend (one-ox) does not support Org mode tables or HTML export blocks
- Workaround: use bullet lists which render correctly and maintain readability
This commit is contained in:
Andros Fenollosa
2025-12-27 10:08:29 +01:00
parent e6674a5ab3
commit 8d62de1f62
2 changed files with 35 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
assets/css/main.css
View File

@@ -51,6 +51,33 @@ b {
font-weight: bold;
}
table {
width: 100%;
border-collapse: collapse;
margin: var(--gap-l) 0;
background-color: rgba(217, 217, 217, 0.05);
}
table thead {
background-color: var(--color-brown);
color: var(--color-black);
}
table th,
table td {
padding: var(--gap-s) var(--gap-m);
text-align: left;
border: 1px solid rgba(210, 158, 121, 0.3);
}
table tbody tr:hover {
background-color: rgba(217, 217, 217, 0.1);
}
table th {
font-weight: bold;
}
/* Components */
.container {

22
one.org
View File

@@ -90,30 +90,24 @@ That's it! No page reload, no API endpoints, no REST, no GraphQL, no frontend fr
** Why Django LiveView?
*** Performance that speaks for itself
[[https://github.com/tanrax/django-interactive-frameworks-benchmark][Benchmarks]] show Django LiveView delivers the fastest response times among Django interactive frameworks:
#+ATTR_HTML: :class center-block image image--benchmark
[[#/img/benchmark-response-time.webp][Response Time Comparison]]
| Framework | Technology | Response Time | Data Transfer | Use Case |
|-----------+------------+---------------+---------------|----------|
| **LiveView** | WebSockets | **9.35ms** | 450 bytes | Real-time dashboards, collaborative apps |
| HTMX | AJAX | 16.48ms | ~37 KB | Modern UX with minimal JavaScript |
| Unicorn | AJAX | 26.76ms | ~71 KB | Complex forms with reactive state |
| SSR | POST + redirect | 47.25ms | ~8.5 KB | SEO-critical pages, traditional CRUD |
- **LiveView** (WebSockets): **9.35ms**, 450 bytes - Real-time dashboards, collaborative apps
- HTMX (AJAX): 16.48ms, ~37 KB - Modern UX with minimal JavaScript
- Unicorn (AJAX): 26.76ms, ~71 KB - Complex forms with reactive state
- SSR (POST + redirect): 47.25ms, ~8.5 KB - SEO-critical pages, traditional CRUD
Django LiveView is approximately **43% faster than HTMX** and **80% faster than traditional SSR** through persistent WebSocket connectivity.
*** Technology Comparison
| Feature | LiveView | SSR | HTMX | Unicorn |
|---------+----------+-----+------+---------|
| **Transport** | WebSocket | HTTP | AJAX | AJAX |
| **Update Type** | Real-time | Full reload | Partial | Reactive |
| **Multi-user** | ✅ Broadcast | ❌ | ❌ | ❌ |
| **Infrastructure** | Redis + Channels | Django only | Django only | Django only |
- **Transport**: LiveView (WebSocket) | SSR (HTTP) | HTMX (AJAX) | Unicorn (AJAX)
- **Update Type**: LiveView (Real-time) | SSR (Full reload) | HTMX (Partial) | Unicorn (Reactive)
- **Multi-user**: LiveView (✅ Broadcast) | SSR (❌) | HTMX (❌) | Unicorn (❌)
- **Infrastructure**: LiveView (Redis + Channels) | SSR (Django only) | HTMX (Django only) | Unicorn (Django only)
*** What makes it different?