Notre retour (frontend) sur Devoxx 2024

Christophe Frézier - May 13 - - Dev Community

Devoxx 2024. Une année de plus... la 9ème pour moi, sur 12 en tout. Chaque fois, un moment assez inoubliable, avec des très bons ingrédients: des conférences, des rencontres, des discussions enflammées, des bières (pour éteindre le feu?), des copains...

D'ailleurs à force de venir, on a fait un outil pour faciliter la prise de notes en extrayant des résumés de chaque conférence, et on vous le recommande. On espère pouvoir utiliser le système de favoris l'année prochaine.

D'autres collègues ont pris le temps de vous guider avec des articles dans la même série, profitez-en pour aller les voir...

Mais allons voir sans plus attendre le coeur des sujets frontend qui nous ont passionné:

La compression Web : comment (re)prendre le contrôle ?

Florian Allainmat:

Cette année Hubert Sablonnière nous propose une conférence très intéressante sur la compression Web. Nouveauté, c'est en duo avec Antoine Caron.
Etant un habitué des conférences de monsieur Sablonnière, je ne suis pas déçu. La conférence est très bien structurée, les exemples sont clairs et précis, et les explications sont très bien détaillées.
45mn de conférence à comprendre l'historique de Gzip, comment la décompression fonctionne, les différentes méthodes de compression. Je suis ressorti comme souvent de ses conférences sans m'ennuyer en ayant appris de nouvelles choses.
A l'année prochaine

David Maurin:

Une très bonne conférence pour mieux comprendre et se sensibiliser sur l'utilisation de la compression dans le web.
Même si vous pensez être au point sur cette thématique, vous apprendrez peut-être des choses sur l'histoire des algorithmes de compression ou l'usage dans les navigateurs. Un incontournable à regarder en replay si vous l'avez raté.

Pour ma part, j'ai beaucoup apprécié cette conférence (avec Hubert, on sait qu'on va passer un bon moment, et il donne envie aux gens de venir partager leur savoir !): c'est vraiment une top conf, on voit énormément de travail, avec un gros niveau de détails et des composants web créés uniquement pour montrer comment ça marche, et sur un thème qui colle parfaitement au sujet... Génial !

Lien video

L’architecture micro frontend : comment transformer son site web en puzzle géant collaboratif

Dans cette conférence sur les micro-frontends chez Leroy Merlin, qui est je l'avoue un gros coup de coeur de cette édition 2024, donnée par Maxime Ribera et Ludovic Lagatie, ils nous ont montré leur architecture micro-frontend et comment ils ont transformé leur site web en un puzzle géant collaboratif.

Après l'explication théorique des différentes solutions proposées sur le marché, nous plongeons rapidement dans leur réflexion et la mise en place de leur solution maison (non open-source malheureusement). Les premières problématiques rencontrées sont rapidement abordées, et nous découvrons comment ils ont réussi à les résoudre.
La solution "Agrégateur" couplée à des SPA et des WebComponents est présentée comme leur solution.

Performance, résilience, adaptabilité, confort de développement, testabilité, tout y est abordé.

Ils ont bien fait ressortir la (non-)tension d'une mise en prod en faisant une démo en live sur leroymerlin.fr sans pour autant perturber la prod grâce à leur ingénieux mécanisme d'AB testing, maison encore une fois. Et même si le module déployé sur le laptop de la conférence a crashé au bout d'un moment (il y avait bien 800+ personnes à spammer dans la salle), le reste du site est bien resté up, jolie performance.

Lien video

CSS, en deux étapes

Ensuite, j'aurais tendance à parler d'un sujet un peu moins hype : le CSS. J'ai vu 2 conférences sur le sujet, qui m'ont permis de m'ouvrir un peu l'esprit sur mes pratiques actuelles : celle d'Yohan Lasorsa (@sinedied) et Olivier Leplus (@olivierleplus), sur certaines fonctions oubliées du CSS et pourtant (en majorité) bien utilisables aujourd'hui dans nos navigateurs. Et celle sur les tests de CSS de Fabien Zibi, même si le cas d'usage qui
les justifie dans son cas est particulier et ne se justifie pas pour la majorité des projets, les façons de faire sont assez bien pensées (même si on aimerait des outils plus adaptés; peut-être un side project à créer, si le coeur vous en dit...)

Liens video:
CSS renaît de ses cendres
Testons notre CSS

Le mot de la fin

Merci à @onepoint pour nous permettre de participer chaque année à ce moment privilégié !
Et n'oubliez pas d'aller voir les autres thèmes couverts par les collègues, il y a pleins de confs à ne pas rater !

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .