HtmxHelper The revival of JsHelper
summary
Claim: htmx integrates with CakePHP to give progressive enhancement without a new helper or heavy JS. Demo code uses bake, migrations and Faker to seed 100 dummy articles, vendors a minified htmx file, and uses the HDMX plugin detectors to switch layouts. Examples show infinite scroll with HX get + HX swap, a search input with 500ms debounce updating the URL, and a raffle implemented by polling every 2s that stops server‑side with a header and has a 50% chance to pick a winner — it works.
AI-written summary · about
chapters (21)
- 0:00Introduction
- 1:25Talk overview and disclaimers
- 3:52Raffle time
- 5:22Demo setup and migration
- 10:00Infinite scroll demo
- 11:05Optimizing HTMX requests
- 12:50HTMX plugin integration
- 15:19View blocks for HTMX
- 18:19Custom elements for HTMX
- 20:44Second raffle
- 21:26History of JavaScript in web development
- 32:26CakePHP and JavaScript helpers
- 37:16Demo with HTMX search
- 45:23Search functionality with HTMX
- 48:40JS helper challenges and removal
- 55:36Modern frontend frameworks
- 1:00:31Do we need frontend frameworks?
- 1:02:37HTMX for progressive interactivity
- 1:04:19Long polling demo setup
- 1:09:13Long polling demo
- 1:10:21Conclusion and Q&A
related talks
19mhtmx: Writing JavaScript to Avoid Writing JavaScript
13mHTMX - simplicity in frontend development
58mBoost Your Razor Pages with HTMX: Simplicity & Power
57mHTMX: Why You Don't Always Need a SPA Framework
01h 00mHTMX & ASP.NET Razor Pages – Web development without the JavaScript pains
01h 02mThird Way Web Development
54mHTMX: Web 1.0 with web 2.0 benefits without the grift of 3.0
23mIntroduction to server-driven web applications using htmx