Quel est le framework front-end gagnant en 2019 / 2020 ?

Aujourd’hui je vais me faire des ennemis ^^

C’est souvent le cas quand je prend parti.

Hier je t’ai expliqué brièvement ce qu’est un framework.

Et à quel point c’est devenu indispensable de les utiliser.

Si tu veux devenir développeur front-end Javascript.

Tu vas être obligé d’en apprendre un.

Il va falloir faire un choix !

Lequel prendre ? 

Ember, Vue,  Backbone, React, Angular ?

Allez on va filtrer les petits joueurs.

Je supprime Backbone car trop vieux.

Je supprime Ember et Vue, pas assez rependus.

Alors Angular ou React ?

Grosse guéguerre !

Un peu comme : Android vs iPhone ?

Angular, en avance sur son temps.

Quand Google lance Angular, c’était une grosse révolution au début. 

J’ai vu pas mal de développeurs Java basculer vers de l’Angular.

On dirait que ce framework a été conçu pour plaire au Javaiste.

  • L’utilisation de TypeScript qui permet de typer fortement ton code.
  • L’injection de dépendance (que tout dev java maîtrise) 
  • Un routeur intégré
  • Plein d’autre choses …

Bref Angular est un vrai framework MVC complet.

Là ou React est parfois considéré comme une simple librairie de gestion de vues (écrans).

Quand React est arrivé.

Personne n’a pris cette petite librairie développé par Facebook au sérieux. 

Mais React a rapidement eu du succès grâce à sa simplicité d’utilisation.

Pas de TypeScript, pas d’injection de dépendance ou de choses complexes.

React c’est du JavaScript standard !

Un approche orienté composants simple.

Alors React ou Angular ? Qui a gagné le duel  ?

La semaine dernière j’étais dans un espace de co-working.

J’ai entendu deux développeurs dire. 

Angular c’est mort React c’est mieux !

Et son pote lui disait :

React c’est fini maintenant c’est Angular !

Comment savoir ? Qui a raison ? Quel sont les chiffres ?

Il n’y a pas pas 36 solutions de déterminer qui prend l’avantage.

Il faut analyser les chiffres : Google Trend, GitHub, StackOverflow, Repositories NPM

Commençons par Google Trend.

On voit clairement l’avance d’Angular au début.

Et on voit la bascule vers 2018. 

React passe clairement en tête devant Angular.

Tu vas me dire que c’est juste un tendance de recherche Google …

Alors analysons les statistiques sur GitHub

GitHub est le repository GIT publique le plus populaire au monde.

Angular : 

  • 54 000 étoiles au projet
  • 1043 contributeurs

Toutes les autres statistiques ici : bestofjs.org/projects/angular

React : 

  • 139 000 étoiles au projet
  • 1341 contributeurs

Toutes les autres statistiques ici : bestofjs.org/projects/react

React est plus de 2 fois plus populaire qu’Angular !

Allons voir les statistiques sur StackoverFlow 

La  plus grosse plateforme au monde d’entraide des développeurs.

Regardons les statistiques 2019 sur les frameworks front-end.

Les plus :  Aimés /  Redoutés  /  Souhaités (Loved  / Dreaded /  Wanted)

Les plus aimés :

On va clairement la suprématie de React.

React est le framework le plus aimé en 2019.

Les plus redoutés  :

C’est à dire ceux qui font le plus peur par la difficulté d’apprentissage

On voit React tout en bas du classement.

React n’est pas redouté par les développeurs contrairement à Angular.

Angular semble être beaucoup difficile à apprendre que React.

Les plus souhaités :

Encore une fois React sort gagnant! 

React est clairement le framework front-end le plus souhaité en 2019 et probablement en 2020.

Aller une dernière statistique pour enfoncer le clou.

Je ne sais pas si tu connais NPM 

C’est un des services les plus répandus au monde pour héberger les librairies des projets JavaScript.

Quasiment tous les projets en JS au monde passent par NPM pour gérer les dépendances. 

Ci-dessous les statistiques de téléchargement sur 1 an.

Cette statistique est peut être la plus représentative de l’utilisation de React par rapport à Angular.

Elle montre clairement que React est 6 à 7 fois plus téléchargé qu’Angular.

Donc environ 6 à 7 fois plus répandu qu’Angular.

Pour moi il n’y a plus de doute !

Tu veux devenir développeur front-end en 2019 2020 ?

Concentre toi sur le React JS ! 

React peut paraître un peu compliqué au premier abord.

Mais il n’en est rien si tu ne te perds pas parmi les tonnes d’informations à son sujet.

Quand j’ai lancé ma startup FixTrip il y a quelques années.

J’ai du apprendre React sur le tas …

J’ai perdu du temps à apprendre des choses qui n’étaient plus à jour.

J’ai utilisé Bower et je ne comprenais pas pourquoi ça marchait pas !

Normal ce n’était plus utilisé ! Il fallait apprendre un autre outil.

J’ai appris les dernières versions de Javascript.

Mais mon code ne compilait pas !

Normal il fallait des utilitaires pour compiler sur les dernières versions.

Je voulais livrer mon code sur un serveur.

Ça ne  marchait pas !

Normal on ne déploie pas du JS moderne comme du JS à l’ancienne. 

Rien de bien méchant  ! 

Mais de nombreuses petites galères qui misent bout à bout rendaient l’apprentissage compliqué  !

Je te propose de maîtriser ce framework en quelques semaines sans passer par la phase déprimante de recherche d’informations.

Je te propose d’aller droit au but !

Malheureusement ça ne marche pas pour tout le monde. 

J’ai vu des personnes chez qui ça a très bien fonctionné.

Chez d’autres non !

Comme tu le sais React n’est pas compliqué en lui même.

C’est tout l’environnement autour qui est compliqué.

Tu as peut être essayé un ou deux tutoriels mais tu n’as jamais réussi à construire quelque chose de concret ?

Tu as peut être bidouillé un peu de JavaScript, de React, mais tu n’es jamais allé jusqu’à la fin du projet  ?

La livraison d’un site fonctionnel sur un vrai serveur !

Et souvent quand on a jamais rien livré en production de concret .

On se sent pas prêt pour postuler en React sur des missions freelances ou CDI.

Et tu le sais mieux que moi ce qui se passe après.

On recule le moment de se lancer sur un framework et on passe à autre chose.

On culpabilise de reculer sans cesse l’apprentissage.

Et puis un jour on se réveille motivé 

On décide de revoir les bases de JS.

Les nouvelles versions.

Les outils modernes.

On repart de sites en sites.

De tutos en tutos

De vidéos en vidéos.

Mais souvent tout cela ne mène à rien.

Trop d’informations.

Trop de documentation d’experts.

Et à la fin j’en vois plus d’un qui abandonnent.

Et c’est normal 

Ce n’est pas ta faute.

Tu n’es pas le premier ni le dernier.

Ce sont des informations d’experts qui parlent à d’autres experts.

C’est comme quand je parle avec mes collègues en Java.

Quand je dit : 

Vérifie que l’injection de dépendances dans ton conteneur ne soit pas en autowired

ou bien 

Dans ton entity met ta relation en Lazy mode.

C’est du chinois pour toi ?  

Normal je parle avec un langage d’expert en Java.

Et donc c’est normal de pas tout capter parmi toutes ces informations d’experts.

Le problème ce n’est pas le manque d’informations.

Le problème c’est que tu as besoin d’informations simples.

Tu as besoin d’un chemin claire.

Un chemin qui t’amène du début jusqu’à la fin :Maîtriser React JS.

Ce chemin je l’ai construit, noter, analyser, améliorer.

Quand j’ai lancé ma première startup.

Il y avait 3 autodidactes qui ne connaissaient rien au code.

Ils ont appliqué cette méthode et ont codé la grande majorité de ce que tu vois dans cette vidéo 

Certes ce n’est pas parfait, mais regarde ce qu’il est possible de faire !

Tu peux essayer de trouver tout seul la route qui te permettra de produire ce type de site.

Mais tu risques de perdre du temps, de l’énergie.

Ça risque d’être long et surtout tu risques tout simplement d’abandonner !

À demain,
Mike

2 commentaires

  1. Jason · novembre 12

    Je pense que 2020 va amener à une comparaison React/Vue plus que Angular/React. Vue.js gagne énormément en popularité et a une courbe d’apprentissage plus intéressante que React. Ayant utilisé les trois durant mes années d’études et d’entreprise. Je suis dans l’idée de me pencher vers Vue.js car je lui sens un avenir aussi beau que React 🙂

    • mike · novembre 12

      Yes je pense que Vue.js a bien explosé ces derniers mois