29,00

Tuto React : Design Patterns & Bonnes pratiques avec React

29,00

  • Une formation vidéo de 4h49m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
React : Design Patterns & Bonnes pratiques

ajouter ce cours aux favoris retirer ce cours des favoris

Pourquoi avons-nous besoin de software design patterns ?

Dans ce cours en ligne, on vous propose de découvrir les motivations et les principes derrière les patrons de conception (design patterns), les bonnes pratiques et méthodologies de développement logiciel et de projets de développement React.

Nous aborderons les principes de la programmation fonctionnelle et patrons de design avec React pour apprendre à apporter les solutions reconnues aux principales problématiques de développement pour améliorer lisibilité, maintenabilité, scalabilité et testabilité.

Dans ce tuto React : Design Patterns & Bonnes pratiques

Au programme, des exemples de solutions parmi les plus utilisées :

  • Les Composant d'ordre supérieur ou HOC (Higher Order Component)
  • Smart vs Dumb, presentational vs container
  • Le Compound component pattern
  • Le Conditional Rendering
  • Les custom hook : créer son propre hook
  • Et, d'autres design patterns comme le style, layout et proxy component avec la même méthodologie de standardisation de code sous forme de modules

Les démos sont orientées projets et au format didacticiel pour répondre à de vrais problématiques de programmation et apprendre par l'exemple :

  • mutualisation et standardisation de code,
  • répétition et partage de code entre composants,
  • abstraction de logique et complexité,
  • optimisation du partage de logique et communication entre composants,
  • découplage et séparation des responsabilités, logique et affichage de données.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours. Tous les fichiers de travail sont fournis !

Bonne formation sur les Design Patterns avec React.

Table des matières de cette formation React (durée : 4h49m)

  • Introduction
    • Présentation gratuit 00:01:50
  • HOC - les composants d'ordre supérieur
    • HOC Kézako ? 00:05:36
    • Pourquoi les HOC ? 00:13:55
    • HOC : comment ça marche ? 00:17:02
    • HOC - withUsers 00:16:31
    • HOC - withUsers - Table 00:03:20
    • Conclusion 00:07:44
  • Smart & Dumb (Container & Presentational)
    • Introduction 00:16:12
    • Container - mapDataToProps 00:12:38
  • Conditional Rendering & Compound Pattern
    • Conditional Rendering 00:08:43
    • Compound Pattern 00:11:48
  • Custom Hook
    • Custom hook - kezako ? 00:12:44
    • Custom hook - comment ? 00:05:11
  • Tabs Panel
    • Projet Démarrage 00:11:25
    • Custom hook : useTabsContext 00:14:22
    • Tabs Panel gratuit 00:11:46
  • Fetch API Pattern
    • Projet de Démarrage 00:02:14
    • OMDB API (Docs) 00:05:05
    • UseGetMovies - custom hook to fetch movie results 00:11:35
    • Event handlers : handleOnChange and handleOnSubmit 00:10:25
    • Fetch response - Afficher les résultats 00:08:25
    • Handling state : errors et empty 00:06:19
    • Compound pattern (conditional rendering) 00:09:40
    • UseValidation - custom hook 00:17:32
  • Autres Design Patterns : layout, style et proxy patterns
    • Composant Réutilisable : Layout 00:09:12
    • Navbar Layout Component 00:03:40
    • Form Template Layout 00:07:16
    • Thank You Template 00:05:14
    • Style Component 00:12:28
    • Exemples - Solutions 00:05:11
    • Proxy Component 00:04:16



Formateur : Sandy Ludosky

Sandy Ludosky a publié 28 tutoriels et obtenu une note moyenne de 4,3/5 sur 3 418 tutoriels vendus. Sandy Ludosky est un formateur certifié tuto.com. Voir les autres formations de Sandy Ludosky

  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
accédez à plus de 1357 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données