Bonjour 👋,

Cette intervention sera technique, et c’est volontaire.

Depuis l’émergence des premiers frameworks frontend, la réactivité s’est imposée comme une notion centrale, au même titre que les composants. Pourtant, cette notion reste mystérieuse et est rarement expliquée en profondeur. Souvent, on la survole, on la compare à Excel, mais on ne fournit pas les clés nécessaires pour vraiment comprendre comment une simple mise à jour d’une valeur peut entraîner l’actualisation d’un template.

À cela s’ajoute la notion de signaux, qui a suscité beaucoup d’intérêt ces dernières années. Si la réactivité était déjà complexe à saisir, les signaux sont souvent perçus comme une véritable boîte noire. On entend parler de tracking, de proxies, d’états dérivés et d’effects, mais rarement on explique comment un état dérivé ou un effect sait quels signaux écouter pour s’actualiser, ni comment ces signaux interagissent avec le rendu pour mettre à jour le DOM.

C’est dommage, car le sujet est aujourd’hui au cœur du développement frontend. Tous les frameworks modernes reposent sur la réactivité, la plupart ont adopté les signaux, et une proposition du TC39 vise même à standardiser leur utilisation.

Pour lever le voile sur ce mystère, voici le déroulé de cette présentation :

1. Introduction et contexte : Quelques slides présenteront les concepts clés, le contexte, et des définitions pour s’assurer que tout le monde parte sur les mêmes bases.
2. Exploration technique des signaux : À l’aide de l’excellente bibliothèque Alien Signals de Johnson Chu, nous décortiquerons le fonctionnement des signaux.
   • Pourquoi Alien Signals ?
     • Elle est agnostique des frameworks frontend, ce qui la rend accessible à tous (les participants), quel que soit leur parcours et le frameworks qu’ils utilisent.
     • Minimaliste, elle se concentre sur le cœur des signaux tout en étant réaliste et fonctionnelle (son implémentation est renvoyée dans Vue.js pour améliorer cette dernière).
3. Application aux frameworks frontend : Une fois les concepts des signaux bien assimilés, nous verrons comment cette réactivité est utilisée pour mettre à jour le DOM.
   • Un exemple générique servira d’introduction avant de plonger dans Vue.js.
   • Vue.js est un choix pertinent car il offre une intégration simple, et l’arrivée de Vapor (avec la fin du VDOM dans ses composants Vapor) permet d’expliquer le fonctionnement des frameworks récents comme Qwik.
   • Grâce au playground de Vue.js, nous pourrons observer et comprendre le code généré en direct.

Cette session a pour objectif de démystifier la réactivité et les signaux, tout en offrant une compréhension approfondie de leur fonctionnement dans les frameworks modernes. Ça sera technique mais c’est ça qui rend cette conférence particulièrement intéressante.

https://talks.soubiran.dev/2025-04-17/devoxxfr/1

Dans un monde où de nouveaux frameworks sortent toutes les semaines et semblent dicter chaque ligne de code, nous vous proposons un voyage fascinant : construire un Static Site Generator (SSG) de A à Z, sans dépendances lourdes, mais avec la puissance et l'efficacité des standards modernes.

Rejoignez-nous pour une conférence technique captivante où nous plongerons au cœur de la création d'un site ultra-performant, en exploitant le meilleur de chaque outil :

• Vanilla JavaScript & Custom Elements : Découvrez comment les Web Components natifs du navigateur deviennent les briques modulaires de votre application, pour une maintenabilité et une performance inégalées.
• Vite.js : Optimisez votre workflow de développement et de build avec l'outil le plus rapide du moment, transformant votre code source en assets optimisés en un éclair.
• Nginx & CI/CD : Maîtrisez le déploiement de vos sites statiques avec des configurations Nginx intelligentes et automatisez l'ensemble de votre processus de mise en production grâce à un pipeline CI/CD robuste.

Pourquoi cette approche "From Scratch" ?

Parce que la performance, la simplicité et une compréhension profonde de vos outils ne devraient pas être des options. Cette approche du SSG est idéale pour les projets de contenu, garantissant des temps de chargement records et une pérennité à toute épreuve. Que vous soyez un développeur expérimenté cherchant à optimiser chaque kilo-octet, ou curieux de découvrir une alternative rafraîchissante aux écosystèmes complexes, cette conférence est faite pour vous.

Au programme :

Une démo live captivante, des extraits de code concrets, et une session de questions-réponses pour décortiquer ensemble les avantages et les cas d'usage idéaux de cette stack minimaliste et puissante.

Reprenez les rênes de votre développement web. Votre site SSG n'a jamais été aussi rapide, léger et sous contrôle !

Découvrez les SVG, ces mystérieux fichiers qui restent nets à toutes les tailles ! Au menu : des formes qui se codent, des animations qui s'écrivent, et des icônes qui pèsent moins lourd qu'une photo de chat. Un voyage ludique dans l'univers du dessin vectoriel, où chaque raconte une histoire et où les cachent des trésors insoupçonnés.

Sur la base de cet article : https://www.joshwcomeau.com/svg/interactive-guide-to-paths/