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 !

C’est la raison pour laquelle j’ai créé une formation : React JS Entreprise

Ma plus grosse formation à ce jour.

Dès le début de la formation on revoit les bases de JavaScript 

Dès le début je veux m’assurer que tu parts sur de bonnes bases.

Tu as peut être déjà des notions de JavaScript ?

Ou peut être que tu parts de zéro  ?

Peut importe ! 

Dès le début on refait un mise à niveau sur JavaScript.

Je te donne les éléments indispensables pour bien démarrer en React.

On installera tous les outils dès le premier jour pour que tu sois rapidement opérationnel.

Au bout que quelques semaines  

Ça va dépendre de toi, peut être 2 4 6 semaines ? 

Peut être quelques mois en fonction de ton investissement et de ton temps disponible.

Tu seras capable de créer un site fonctionnel en React JS.

Avec la gestion des langues, le routage, les tests unitaire etc …

Tu seras capable de le deployer sur un vrai serveur de production.

Tu pourras postuler sur des missions freelance ou en cdi.

📥 Clique ici pour la téléchargergo.mikecodeur.com/formation-react

AU PROGRAMME 
 ✔︎ Maîtrise les bases de HTML / JavaScript en allant droit au but sans passer des semaines dessus.

 ✔︎ Comprends la philosophie React visuellement avec des schémas sans passer des heures sur la documentation.

 ✔︎ Comprends les principes de bases (SPA/ Composants / States / Props / Virtual  DOM) avant même de commencer à coder.

 ✔︎ Une liste d’erreur à ne surtout pas commettre quand on débute au risque d’intégrer de mauvaises habitudes.

 ✔︎ Comment créer ses propres balises avec JSX, facilement sans avoir tous les problèmes de configuration habituels.

 ✔︎ Comment passer du JavaScript à papa aux standards actuels grâce aux normes ES6/7/8 en faisant une série d’exercices concrets.

 ✔︎ L’outil utilisé partout en entreprise qui fait office de colonne vertébral de ton application.

 ✔︎ La liste d’outils pour React, pour tous les OS et sans dépenser 1 euro.

 ✔︎ On va coder ensemble, pas à pas, une première application en partant de zéro.

 ✔︎ On concevoir une boite à outils React, réutilisable sur tous tes futurs projets sans avoir à les recoder à chaque fois.

 ✔︎ On va pratiquer le cycle de vie React simplement.

 ✔︎ On verra une liste de kits de démarrages pour monter des sites rapidement, sans avoir à passer des heures sur la configuration.

 ✔︎ Comment mettre en place les tests unitaires simplement avec une technique à recopier.

 ✔︎ On va coder une application entreprise pas à pas.

 ✔︎ Comment rendre son site multilingue et multi devises grâce à une librairie d’internationalisation sans avoir à gérer du code complexe.

 ✔︎ Comment déployer le site sur un hébergeur, les différentes techniques, payantes et gratuites.

 ✔︎ Une liste de projets à réaliser par la suite.

 ✔︎ Les fiches récapitulatives de la formation à imprimer et à garder sous le coude en cas de besoin.

 ✔︎ Un accès Slack à la communauté en cas de difficultés et pour ne pas rester tout seul.

 ✔︎ Le code source à télécharger de tous les modules.

 ✔︎ Plus de 15 heures de vidéo dans un espace privé.

L’offre de lancement est valable seulement jusqu’à lundi

💻 Accéder maintenant : go.mikecodeur.com/formation-react

Les 18 modules en détail

💪 MODULE 1 : INTRO

  • Présentation de la formation
  • Pourquoi cette formation ?
  • Le Plan

💻 MODULE 2 : RAPPEL

  • Pourquoi apprendre React
  • tu es débutant? ce n’est pas grave on reprends les bases.
  • Quel est le minimum a connaitre en HTML JS pour démarrer   ?

💻 MODULE 3 : LA PHILOSOPHIE DE REACT JS 

  • Pourquoi apprendre React
  • Qu’est ce que les SPA
  • Tous les avantages de React
  • Le Virtual DOM
  • L’approche orientée composant en détail

⚒️ MODULE 4 : LES ERREURS DE DÉBUTANTS

  • Comment ne pas passer pour un débutant.
  • Les erreurs à ne surtout pas faire !
  • La structuration

⌨️ MODULE 5 : REACT EN 5 MINUTES

  • On va démystifier React 
  • On va voir que quelques lignes de code permettent de démarrer 
  • Le point d’entrée 

⚒️ MODULE 6 : JSX C’EST QUOI

  • Comment on faisait avant JSX
  • Mettre JSX Rapidement en place
  • Babel 

📈 MODULE 7 : ECMASCRIPT 2015 (ES6/7/8/9)

  • Qu’est ce qu’ECMAScript
  • Les avantages et les inconvénients 
  • Les problèmes de compatibilité
  • Comment y remédier 
  • On parcours tous ce dont on a besoin en ES6 pour faire du React
  • On code en ES6 des algos concrets 

🎁 MODULE 8   : WEBPACK

  • Les problèmes des projets JS modernes 
  • Pourquoi WebPack
  • Présentation de Webpack

⌨️ MODULE 9 : LES OUTILS

  • On va mettre en place tout ton environnement de travail 
  • On va installer tous les outils   

⌨️ MODULE 10 : PREMIÈRE APPLICATION REACT JS

  • On va coder notre première application React
  • On va installer tous les outils   
  • On va préparer le projets
  • On va concevoir notre application
  • On va créer une boite à outils de composants React
  • On va utiliser tous les types de composants 
  • On va apprendre à maîtriser les States et les Props
  • On va jouer avec les événements en React
  • On va décortiquer le Cycle de vie 
  • On va utiliser toutes les fonctions du cycle de vie

🎁 MODULE 11 : LES STARTERS KITS

  • A quoi ça sert ?
  • Lesquels utiliser 
  • Comment identifier un Starter kit à jour
  • Les critères 

⚒️ MODULE 12 : LA QUALITÉ AVEC LES TESTS UNITAIRES 

  • A quoi ça sert ?
  • Comment les mettre en place
  • Les Frameworks de Tests Unitaires
  • Les règles de formatages 
  • Les règles de code quality
  • Les HOOK GIT

💻 MODULE 13 : APPLICATION REACT ENTREPRISE 

  • Pourquoi apprendre React
  • Qu’est ce que les SPA
  • Tous les avantages de React
  • Le Virtual DOM
  • L’approche orientée composant en détail
  • On conçoit une application 
  • On choisi un Framework CSS Front React
  • On configure le thème
  • On développe un mini moteur de recherche 
  • On utilise des API 

⚒️ MODULE 14 : LE ROUTAGE (REACT ROUTER)

  • Pourquoi utiliser un Router ?
  • Les routers disponibles
  • Comment créer des liens dans une SPA
  • On va créer des routes  
  • On va câbler ces routes à des composants React
  • On utiliser des query params dans les composants

⚒️ MODULE 15 : L’INTERNATIONALISATION

  • Pourquoi c’est indispensable
  • Comment gérer les langues
  • La traductions
  • Quel utilitaires 
  • Traduction de dates
  • Traduction de nombres

⌨️ MODULE 16 : DÉPLOIEMENT D’APPLICATIONS REACT 

  • Les différentes méthodes de build/compilations
  • Les différents type serveurs
  • On déploie notre application sur un serveur Standard
  • Sur un serveur Node JS
  • Déploiement ServerLess Netlify 

💻 MODULE 17 : LES PROJETS

  • On va définir une liste de projets SOLO à accomplir 
  • Les projets en équipe

🎁 MODULE 18 : OUTRO

  • BONUS

💻 Accéder maintenant : go.mikecodeur.com/formation-react

Je te laisse imaginer …

Tu te réveilles le matin chez toi en tant que freelance.

Tu ouvres ton site préféré d’offres de missions.

Tu reçois une offre : Développeur Front End React pour rejoindre une startup.

4 fonctionnalités à développer.

Tu les estimes à 5 jours chacune.

Tu fais ton devis à 8000€ (400€ x 20 jours)

Tu es chez toi, tu bois ton café préféré.

Tu lances une petite playlist de tes sons préférés sur Spotify.

Et c’est parti !

Comment suivre la formation ?

C’est une formation de plus de 15 heures en vidéo.

Je t’explique pas à pas les concepts et tu les reproduis de ton coté.

Tu as juste à cliquer sur le lien et t’inscrire.

Les vidéos sont disponibles à vie.

Tu peux suivre cette formation à ton rythme et y revenir autant de fois que tu le souhaites.

Tu as 258 euros offerts seulement jusqu’a lundi soir minuit.

💻 À tout de suite de l’autre côté : formations.mikecodeur.com/react-js-entreprise?coupon=NOV2019

À demain,
Mike

Un commentaire