Drupal + HTMX : Des interfaces dynamiques sans JavaScript, c’est possible !

Salle Amphi "Tarte aux noix" Auditoire Intermédiaire Time Slot Jeudi 11:45 - 12:25 (09/04/2026)
Description

Dans beaucoup de projets Drupal, le frontend est soit trop statique (tout est rendu côté serveur, sans interaction), soit trop complexe (React ou Vue.js ajoutés pour quelques filtres ou une modale). Entre les deux, il manquait une solution légère, simple à maintenir et compatible avec le rendu serveur Twig.

HTMX comble exactement ce manque. En ajoutant quelques attributs HTML (`hx-get`, `hx-post`, `hx-swap`, `hx-trigger`), vous rendez vos templates Twig interactifs sans écrire une seule ligne de JavaScript. HTMX envoie des requêtes HTTP et remplace une portion du DOM avec la réponse, une approche qui s'intègre naturellement avec le système de routing et de theming de Drupal.

Cette session complète de 40 minutes explore l'ensemble des concepts HTMX, leur intégration progressive dans un projet Drupal existant (routing, Twig partials, CSRF, BigPipe), plusieurs cas d'usage démontrés en live, et une comparaison honnête avec l'AJAX API native de Drupal. Un repository GitHub de démo est mis à disposition à l'issue de la session.

Durée de la conférence
40 min
Pré-requis (concepts ou connaissances particulières à connaître)

Connaître le système de theming Drupal (Twig, templates). Notions de HTML/HTTP (requêtes GET/POST).

Ce que le public aura appris après avoir assisté à cette conférence
  • Ajouter de l'interactivité dans Drupal sans écrire de JavaScript complexe
  • Créer des Twig partials adaptés à HTMX dans le contexte du routing Drupal
  • Comprendre les différences entre HTMX et l'AJAX API native de Drupal
  • Choisir la bonne approche frontend selon la complexité du projet

Présenté par

Thomas Bailly

Autres sessions au même moment