HTMX Patterns for Django

Core Philosophy

• Server renders HTML, not JSON - HTMX requests return HTML fragments, not data
• Partial templates for dynamic updates - separate _partial.html files for HTMX responses
• Progressive enhancement - pages work without JavaScript, HTMX enhances UX
• Minimal client-side complexity - let the server do the heavy lifting

Critical Hints & Reminders

UX Best Practices

Always include loading indicators

• Use hx-indicator to show loading states during requests
• Users should never wonder if their action worked
• Example: <button hx-get="/data/" hx-indicator="#spinner">Load</button>