Tous les développeurs connaissent ce Pattern et toi ?

ans l’email d’hier je te parlais des Design Patterns.

Ces patrons de conception qui te permettent de coder de manière plus standards.

Et de gagner un temps fou lorsque tu codes des choses complexes.

Si tu es ou si tu veux devenir développeur.

Il y a un design pattern que tu dois surement connaitre.

Ou que tu connais surement déjà.

Le célèbre Design Pattern MVC (Model Vue Controller)

C’est ce design pattern qui a pour but d’éviter le fameux code spaghettis.

Tu sais la grosse, l’énorme, l’horrible, la gigantesque erreur de débutant.

Celle de tout mélanger et …

Celle de coder dans la Vue.

Humm coder dans la vue ? tu ne vois pas encore ? 

Une Vue c’est quoi ? 

Une vue c’est un écran (sur un site, une application mobile, un logiciel etc ) 

C’est ce que l’utilisateur voit.

En terme de code ça ressemble presque à une page statique.

Sans logique évoluée, sans code business, sans algorithme complexe etc …

Pourquoi on ne code pas dans la Vue ?

Car le jour où tu souhaites changer de technologie de présentation.

Par exemple remplacer le vieux Struts qui est en fin de vie.

Par un framework front plus récent comme Angular, Vue, React ou autre.

Tu ne touches pas (en théorie) au code business, à la logique métier etc …

Tu remplaces tout simplement la vue.

Le Model c’est quoi ?

C’est la partie du code qui gère les données.

Imaginons tu as une Vue qui gère une page de film sur Netflix.

Le model contiendra toutes les données liées au film. (id, nom, date, images, acteurs etc …)

Le Controller c’est quoi ?

C’est tout ce qui gère les actions utilisateurs (clique sur ok, annuler, retour etc …)

Il gère également les accès aux Model de données, en fonction des droits et d’autres paramètres.

Tu dois absolument connaitre le design pattern MVC.

Il est normalement plutôt simple à comprendre et à apprendre. 

Et il est répondu partout !

Mais un Design Pattern n’est pas non plus sans défauts.

Dans certain cas les design patterns peuvent poser problème. 

Et c’est le cas du MVC.

Le MVC est un bon pattern que tu dois connaitre.

Mais chez de grand groupes et notamment Facebook, qui utilise surement MVC.

Ils se sont rendu compte que MVC posait pas mal de problèmes.

MVC ne scale pas bien.

Le problème est qu’avec MVC, plus on a d’écrans plus on multiplie le Model, la Vue et le Controller.

A la fin on se retrouve avec un truc comme ça …

Avec des liens dans tous les sens.

De plus il est difficile avec MVC de prédire l’état de la vue et de pouvoir rejouer un scénario.

C’est ce qu’on appel la prédictibilité.

Face à ces problèmes, les ingénieurs de chez Facebook ont sorti un nouveau design pattern.

Le pattern FLUX

L’idée est de limiter la duplication de Models et des Controllers.

Afin de pouvoir scaler correctement.

Et surtout d’avoir un seul flux de données (d’ou le nom flux je suppose …)

Afin d’augmenter la prédictibilité.

Face au succès de ce design pattern.

Énormément d’implémentations sont sorties  :

  • Relay (by Facebook)
  • Flux (by Facebook)
  • Fluxible (by Yahoo)
  • alt (by Josh Perez)
  • Et plein d’autres 

Mais la plus populaire et la plus répandue actuellement 

REDUX by Dan Abramov

Dan Abramov qui a d’ailleurs rejoint Facebook en 2015.

Grâce à l’énorme succès de son implémentation.

De plus en plus d’entreprises et de projets sont également en train de basculer.

D’abord les grandes, Instagram, Zapier et plein d’autres … :

Tu peux aller jeter un coup d’oeuil sur stackshare.io/reduxjs

La plupart des start-up et entreprises avec une stack React utilisent Redux.

La plupart des projets mobiles en React-Native utilisent Redux.

Même les développeurs Angular, Vue JS se mettent à utiliser Redux.

Mais Redux fait peur !

Juste le nom fait peur ^^.

Personnellement quand je me suis mis à apprendre React.

Je me suis dit encore un nouveau truc à apprendre …

Avec des concepts que je ne comprenait pas …

Et il faut avouer que juste la documentation et le code fait peur. 

Cela m’a fait peur de me mettre à Redux.

Mais je savais que je devais l’apprendre.

Je devais arrêter de coder dans la Vue de mes composants comme un malpropre 🤮.

Je devais arrêter de coder sans vrais design patterns.

C’était la période la plus critique.

La période où l’on développait toutes les fonctionnalités importantes de notre start-up FixTrip.

On avait besoin de stabilité, d’un pattern robuste, prédictible, facile à tester.

REDUX répond à tous ces besoins.

Je sais que beaucoup de développeurs Javascript (React Angular Vue ou autres)

Font l’impasse sur Redux.

Et quand ils arrivent en mission, ou lorsqu’ils passent des entretiens.

Ils sont complètement largués.

Je pense que comprendre, Flux, Redux, et surtout la combinaison React / Redux.

Ça peut se faire assez rapidement.

J’ai passé plusieurs long mois avant de capter Redux.

Mais je pense qu’avec une bonne méthode et les bonnes infos.

En quelques semaines ça peut être définitivement acquis.

Alors c’est sûre ça ne vas pas fonctionner sur tout le monde.

Tu dois déjà savoir un peu coder en Javascript.

Si possible avec des bases de React pour profiter pleinement de Redux (même si ce n’est pas obligatoire)

C’est pour les développeurs qui ont un peu de temps à consacrer pour cette méthode.

Tu en as marre de coder sans bon Pattern de présentation ?

Tu codes en React, en Angular en Vue JS mais tu sens que l’architecture est mal organisée.

Tu sens que le jour où tu dois changer tes vues tu dois tout réécrire ?

Tu as essayer quelques tutoriels Redux mais tu as flippé devant la doc ?

Tu sais ce qui va se passer si tu t’y mets pas ?

Tu sais ce qui va se passer si tu n’acquiers pas rapidement les compétences en Redux.

Tu sais mieux que mois comment vont se dérouler les entretiens d’embauches. 

Et les premières missions avec Redux. 

Tu risques même de tout simplement abandonner …

Tu peux lire autant d’articles Médiums sur React.

Suivre autant de comptes parlant Redux que tu veux sur Tweeter.

Le problème de tout ces articles c’est qu’ils s’adressent aux experts de Redux.

Ce dont tu as vraiment besoin c’est de produire tes premiers patterns Flux en Redux.

Un premier pattern tout simple.

Puis un deuxième. 

Puis un 3ème un peu plus complexe.

Doucement … pour que tu puisses t’imprégner du Pattern Flux.

Ou alors tu peux essayer de le faire tout seul.

Mais tu risques de tomber sur tous ces articles d’experts.

Et tu risques d’abandonner …

C’est pour cela que je viens de sortir une toute nouvelle formation sur REDUX.

Une formation avec tout ce qu’il te faut pour produire tes premiers patterns Redux.

Une formation pour les développeurs front-end qui veulent passer à l’étape supérieure.

Pour ceux qui veulent arrêter le développement front-end en mode amateur.

Pour ceux qui veulent être prêt à rejoindre une vraie équipe de développeurs.

Dès ce soir tu peux déjà avoir mis en place ton environnement.

Ton projet Redux, avec toutes les dépendances et la configuration prête dès ce soir.

Ton premier composant React connecté avec Redux et tout le flux qui fonctionne.

Au bout que quelques semaines 

Tu ne coderas plus jamais des composants React (ou dans une autre technologie Angular etc ) sans Redux.

Tu seras à l’aise lorsque tu liras des articles sur Redux.

Tu n’auras plus peur de discuter Redux avec des recruteurs et de postuler pour des postes en Redux.

Ce n’est évidement pas pour tout le monde.

Il faut s’intéresser au développement front-end en Javascript.

Ci possible avec des Frameworks actuels (React Angular Vue)

C’est pour les personnes prêtent à investir du temps pour acquérir cette compétence.

Pour le lancement j’ai créé un coupon valable à partir d’aujourd’hui, et seulement jusqu’à lundi soir minuit, qui te donne droit à 130,00 euros OFFERTS sur la formation.

C’est seulement pour les abonnés aux emails privés (dont tu fais partie)

Et tu peux l’activer maintenant en cliquant ici : go.mikecodeur.com/formation-redux

Pas besoin d’avoir 10 ans d’expérience en Javascript pour apprendre Redux.

N’importe quel personne motivée avec un peu de temps peu maîtriser Redux.

Grâce à cette formation tu vas être capable  : 

   ✓ D’éviter toutes les erreurs de débutants.

   ✓ Tu seras à l’aise avec le Pattern MVC pour mieux de différencier avec FLUX.

   ✓ Tu comprendras le Pattern Flux et ses éléments.

   ✓ Tu comprendras pourquoi on utilise l’implémentation Redux.

   ✓ Tu sauras manipuler les 3 concepts fondamentaux de Redux.

   ✓ Tu sauras utiliser Redux seul (Si plus tard tu veux l’utiliser avec un autre Framework que React)

   ✓ Tu sauras utiliser Redux avec React (demandé dans 99% des projets en React)

   ✓ Tu sauras utiliser Redux en faisant des appels Asynchrones (important pour appeler des API par exemple)

   ✓ Tu sauras implémenter des Tests Unitaires en Redux.

Tu auras également accès au Slack développeur où tous les membres de la formation échangent.


Je te demande juste d’imaginer 5 minutes que tu possèdes cette compétence Redux.

Tu es sur Malt et tu vois une mission pour une start-up.

Cherche développeur React / Redux pour rejoindre notre équipe.

Fini le stress !

Les entretiens on te parle de Redux ?

Fini le stress !

Concrètement : C’est une formation avec plus de 4 heures de vidéo détaillée que tu peux suivre à ton rythme. 

Une fois la formation commandée, elle sera immédiatement ajoutée à ton espace élève.

Tu pourras y accéder à vie.
En détail : cette formation est découpée en 9 modules : go.mikecodeur.com/formation-redux

💪 MODULE 1 : INTRO

  • Présentation de la formation.
  • Pourquoi cette formation ?
  • Le plan.

💻 MODULE 2 : LES ERREURS DE DÉBUTANTS ?

  • On voit toutes les erreurs de débutants à ne surtout pas commettre. 
  • Des exemples d’erreurs à ne pas faire.
  • Les erreurs des développeurs React JS.

💻 MODULE 3 : LES DESIGNS PATTERNS

  • A quoi servent les designs patterns ?
  • Pourquoi le pattern MVC a été inventé  ?
  • On verra le pattern MVC en détail.

⚒️ MODULE 4 : LE DESIGN PATTERN FLUX

  • Pourquoi ce pattern a-t-il été inventé  ?
  • Les problèmes de MVC.
  • En quoi Flux les a résolus ?
  • Tous les concepts de Flux.
  • La prédictibilité.
  • Le single data flow.

⌨️ MODULE 5 : REDUX C’EST QUOI ?

  • Les 3 principes fondamentaux !
  • Le redux flow.

⚒️ MODULE 6 : REDUX SEUL

  • On va créer un projet avec Redux seul (sans React, sans Framework)
  • On va créer un environnement avec tous les outils.
  • On va installer toutes les dépendances.
  • On va coder une petite application (non graphique) de gestion de taches.

📈 MODULE 7 : REDUX AVEC REACT

  • On va configurer le projet pour qu’il fonctionne avec React.
  • On va utiliser le module react-redux.
  • On va créer des composants en React JS et les connecter avec Redux.
  • On va continuer notre application de taches, avec React et Redux.

💪MODULE 8  : REDUX EN ASYNCHRONE 

  • On va voir les middlewares Redux, à quoi ils servent.
  • On va installer un middleware pour faire de l’asynchrone.
  • On va installer un middleware pour gérer les logs redux.

⌨️ MODULE 9 : TEST UNITAIRES 

  • On va mettre en place les frameworks de Tests Unitaires.
  • On va implémenter les tests unitaires de nos fonctionnalités avec Redux.

🎁 MODULE 10 : OUTRO

  • Quelques exemples de projets à réaliser toi même pour progresser.

Tout est là avec 130,00 offerts seulement pendant quelques jours : go.mikecodeur.com/formation-redux

Finalement cette formation te coûte rien.

Il te suffit d’à peine une demi journée de Freelance pour la rentabiliser. 

Pour suivre cette formation tu as juste besoin d’un PC et d’une connexion internet.

Tu n’as pas besoin d’avoir des connaissances poussées en Javascript (les bases suffises).

Il faut que tu dégages un peu de temps tout les jours pour avancer.

Je te dis à tout de suite dans le premier module de la formation.

Tout est là, seulement pour quelques jours : go.mikecodeur.com/formation-redux

À tout de suite,
Mik

Un commentaire