Récap 2018 : React toujours leader, GraphQL décolle, CSS-in-JS fait débat

Que s’est-il passé cette année dans le monde agité du développement web ? Quelques mots-clés : React, Vue, GraphQL, TypeScript, CSS-in-JS.

React vs Angular vs Vue
Ci-dessous, une comparaison du nombre de téléchargements des trois libs sur npm.

Comparaison du nombre de téléchargements des packages react, angular et vue.
source : npmcharts

React continue de dominer le développement web.
L’équipe derrière la lib a été très active cette année avec plusieurs nouveautés comme l’API Context, les Hooks ou encore Suspense.

Vue poursuit sa croissance.
Dépassant pour la première fois React en terme d’étoiles sur Github. La lib reste cependant loin derrière React et Angular en terme d’adoption. Une version 3 est en préparation pour 2019.

Angular reste un acteur important.
Avec un rebond notable lors de la sortie de la version 7 du framework. Côté nouveautés, on notera quelques ajouts intéressants comme le Virtual Scroll.

L’avènement de GraphQL.
L’année 2018 a été sans conteste celle de la popularisation de GraphQL, un nouveau standard de communication entre API et clients.

Evolution des recherches sur Google pour le terme “GraphQL” de janvier 2017 à décembre 2018.
Source : Google Trends

CSS-in-JS déclenche les passions.
Porté par React et les Styled Components, CSS-in-JS (le fait d’écrire du CSS en JavaScript) a été au cœur de multiples débats cette année. Cette façon d’écrire du CSS semble néanmoins en passe de devenir un nouveau standard.

WordPress lance Gutemberg.
Une refonte complète de l’expérience d’édition d’articles et de pages sur WordPress. Cette évolution représente sans doute le changement le plus impactant pour les propriétaires et développeurs de sites WordPress. Adieu TinyMCE, bonjour React.

Explosion des sites statiques.
Les générateurs de sites statiques, comme Gatsby, Jekyll ou Next, se présentent comme une alternative aux systèmes de plus en plus complexes et à un besoin de performance de plus en plus présent.

TypeScript sort vainqueur de sa bataille avec Flow.
TypeScript et Flow sont deux moyens d’ajouter plus de rigueur à du code JavaScript. Porté par Microsoft et Google, TypeScript l’a emporté sur Flow, porté par Facebook et React, en terme de popularité et d’adoption.

Comparaison du nombre de téléchargements des packages Typescript et Flow.
Source : npmcharts

En bref :

• VSCode domine le secteur des IDEs et éditeurs de code.
• Webpack et Babel sont toujours aussi populaires.
• AMP poursuit sa forte croissance.
• Les PWA sont supportées par tous les navigateurs (même Safari sur iOS).
• React Native toujours en croissance, malgré un revert avec l’abandon de la lib par Airbnb et le lancement d’un concurrent par Google nommé Flutter.
• Microsoft adopte Chromium pour les futures versions de son navigateur Edge.
• Microsoft acquiert Github, qui héberge désormais plus de 100 millions de projets.
• IBM acquiert RedHat, premier éditeur mondial d’open source.
• WebAssembly est supporté par tous les navigateurs, mais pas encore prêt à une adoption en masse.