mirror of
https://github.com/tanrax/django-interactive-frameworks-benchmark
synced 2026-01-10 07:13:36 +01:00
Andros Fenollosa
c457778710
- Add Django Reactor (v5.3.0b0) as fifth framework in comparison - Rename HTMX to django-htmx throughout for clarity - Update plots: change "Network Requests" to "HTTP Requests" - Regenerate all performance plots with 5 frameworks - Update navigation across all templates to include Reactor - Add Reactor component (XAlertList) and WebSocket configuration Performance results (5 frameworks): - LiveView: 9.35ms (WebSocket) - Reactor: 12.00ms (WebSocket) - django-htmx: 16.48ms (AJAX) - Unicorn: 26.76ms (AJAX) - SSR: 47.25ms (Full reload)
29 lines
1.2 KiB
HTML
29 lines
1.2 KiB
HTML
{% extends "alerts/reactor/base.html" %}
|
|
{% load reactor %}
|
|
|
|
{% block title %}Home - Alert System Reactor{% endblock %}
|
|
|
|
{% block content %}
|
|
<section class="section">
|
|
<div class="container">
|
|
<h1 class="title">Alert System (Django Reactor)</h1>
|
|
<h2 class="subtitle">Phoenix LiveView-style reactive components</h2>
|
|
|
|
{% component 'XAlertList' %}
|
|
|
|
<div class="notification is-info is-light mt-5">
|
|
<p class="mb-3"><strong>Django Reactor Demo</strong></p>
|
|
<p class="mb-2">This version uses Django Reactor for reactive updates:</p>
|
|
<ul style="list-style: disc; margin-left: 1.5rem;">
|
|
<li><strong>Phoenix LiveView-style:</strong> Server-side components with WebSocket updates</li>
|
|
<li><strong>Real-time reactivity:</strong> All interactions happen through WebSockets</li>
|
|
<li><strong>Component-based:</strong> Python classes with declarative templates</li>
|
|
<li><strong>Minimal JavaScript:</strong> All logic in Python, automatic DOM updates</li>
|
|
<li><strong>Efficient updates:</strong> Uses morphdom for smart DOM patching</li>
|
|
<li><strong>Declarative events:</strong> Event handlers defined in templates</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endblock %}
|