scroll to top

Web components en 2019, on en est où ?

Depuis quelques années on a entendu parler des web components, ce beau discours d’un développement web basé enfin sur une vraie architecture en composants, de la réutilisation, de la modularisation, de l’encapsulation…

Mais force est de constater que aujourd’hui, en fin 2018, cette vision a du mal à se concrétiser, les frameworks comme React, Angular ou Vue ont encore la part belle des feux des projecteurs et le discours des web components sont presque inaudibles.

Et pourtant plein de choses se sont passées cette dernière année, et les web components sont aujourd’hui sur plein de sites et des applications que nous utilisons tous les jours, sans qu’on les remarque. La révolution est bien en marche, mais elle est plutôt silencieuse…

Dans ce talk on va commencer par faire un tour de table sur les différentes bibliothèques de web components disponibles aujourd’hui, leurs caractéristiques, leur philosophie et leurs use cases.

Ensuite on va se centrer sur le futur de mon projet favorite : Polymer. La v3 est sortie il y a quelques mois, et en plus de mettre enfin l’outillage en phase avec les standards du marché (npm…) elle nous annonce un beau futur avec des composants plus légers, plus performants, plus proches de la plateforme et avec un rendering basé sur vrai concurrent de JSX mais qui s’intègre 100% sur les standards du web : lit-html. On parlera donc de LitElement, on fera des demos, on verra du code…

Pour finir on va voir comment il est simple aujourd’hui d’intégrer les web components sur n’importe quel project web, du legacy avec jQuery à la dernière app avec React, du projet en Angular à l’application en Vue JS. Des composants interopérables plug and play pour vos applications qui montrent encore une fois l’intérêt de cette révolution des web components.

La vidéo (peertube)

La vidéo (dailymotion)