CHAPITRE 01 Introduction aux modèles de conception

1.1 Historique des modèles de conception
_1.2 Qu'est-ce qu'un modèle ?
_1.3 Cas d'utilisation quotidiens des modèles de conception
1.4 En conclusion

CHAPITRE 02 Vérification des modèles, prototypes et les trois lois

_2.1 Qu'est-ce que le modèle Proto ?
_2.2 Vérification des modèles
_2.3 Les trois lois
2.4 En conclusion

CHAPITRE 03 Structuration et modèles d'écriture

3.1 Structure des modèles de conception
3.2 Modèles de bonnes pratiques
3.3 Écrire un modèle
3.4 En conclusion

CHAPITRE 04 Anti-motifs

_4.1 Qu’est-ce qu’un anti-modèle ?
_4.2 Anti-modèles JavaScript
4.3 En conclusion

CHAPITRE 05 Grammaire et fonctionnalités JavaScript les plus récentes

5.1 L'importance de la séparation des applications
5.2 Importation et exportation de modules
_5.3 Objet module
5.4 Modules importés de sources externes
_5.5 Importation statique des modules
_5.6 Importation dynamique des modules
5.6.1 Récupération basée sur l'interaction de l'utilisateur
__5.6.2 Saisissez-le lorsqu'il apparaît à l'écran
5.7 Utilisation de modules sur les serveurs
Avantages de l'utilisation du module _5.8
_5.9 Classes avec constructeurs, accesseurs et mutateurs
_5.10 Frameworks et classes JavaScript
5.11 En conclusion
_5.12 Documents connexes

CHAPITRE 06 Types de modèles de conception

_6.1 Contexte
_6.2 Modèle de création
_6.3 Modèles structurels
6.4 Modèles de comportement
6.5 Classification des modèles de conception
6.6 En conclusion

CHAPITRE 07 Modèles de conception JavaScript

_7.1 Modèle de création
7.2 Modèle de constructeur
7.2.1 Création d'objets
__7.2.2 Caractéristiques de base des constructeurs
7.2.3 Constructeur avec prototype
Modèle de module _7.3
__7.3.1 Littéraux d'objet
__7.3.2 Modèle de module
7.3.3 Variantes du modèle de module
__7.3.4 Modèle de module moderne utilisant WeakMap
__7.3.5 Dernières bibliothèques et modules
_7.4 Modèle de module d'exposition
7.4.1 Avantages
__7.4.2 Inconvénients
_7.5 Modèle Singleton
__7.5.1 Gestion d'état React
_7.6 Modèle de prototype
Modèle d'usine _7.7
7.7.1 Situations favorables à l'utilisation du modèle d'usine
7.7.2 Situations dans lesquelles le modèle d'usine ne doit pas être utilisé
__7.7.3 Modèle de fabrique abstrait
_7.8 Modèles structuraux
_7.9 Modèle de façade
_7.10 Modèle Mixin
_7.11 Sous-classement
_7.12 Mixin
__7.12.1 Avantages et inconvénients
_7.13 Motif décoratif
_7.14 Décorateur de pseudo-classe
__7.14.1 Interface
__7.14.2 Décorateur abstrait
7.15 Avantages et inconvénients
Modèle de poids mouche _7.16
__7.16.1 Utilisation
7.16.2 Partage de données
__7.16.3 Méthode de mise en œuvre traditionnelle des poids mouches
7.16.4 Conversion en poids mouche
__7.16.5 Usine de base
7.16.6 Gestion de l'état externe
__7.16.7 Modèle Flyweight et objets DOM
__7.16.8 Exemple : Gestion centralisée des événements
_7.17 Modèles de comportement
_7.18 Modèle d'observateur
7.18.1 Différences entre le modèle Observateur et le modèle Publication/Abonnement
__7.18.2 Avantages
__7.18.3 Inconvénients
7.18.4 Mise en œuvre du modèle de publication/abonnement
_7.19 Modèle de médiateur
__7.19.1 Mise en œuvre d'un arbitre simple
__7.19.2 Similitudes et différences
7.19.3 Utilisation du modèle d'ensemble d'événements
7.19.4 Utilisation du modèle de médiateur
7.19.5 Combinaison du modèle d'agrégation d'événements (publication/abonnement) et du modèle de médiation
__7.19.6 Modèle de médiation et intergiciels en JavaScript moderne
__7.19.7 Modèle Médiateur vs. Modèle Façade
Modèle de commande _7.20
7.21 En conclusion

CHAPITRE 08 Modèles MV* JavaScript

Modèle MVC _8.1
8.1.1 Modèle MVC Smalltalk des années 80
8.2 Modèle MVC en JavaScript
Modèle 8.2.1
__8.2.2 Vues
Modèle 8.2.3
__8.2.4 Contrôleur
8.3 Pourquoi utiliser MVC ?
_8.4 Modèle MVC en JavaScript et Smalltalk-80
Résumé MVC 8.5
Modèle MVP _8.6
8.6.1 Modèle, Vue, Présentateur
8.6.2 MVP vs. MVC
Modèle MVVM _8.7
8.7.1 Histoire
Modèle 8.7.2
__8.7.3 Vues
__8.7.4 Modèle de vue
8.7.5 Révision des vues et des modèles de vue
8.7.6 ViewModel vs. Modèle
8.8 Avantages et inconvénients
8.8.1 Avantages
8.8.2 Inconvénients
8.9 MVC vs MVP vs MVVM
_8.10 Derniers modèles MV*
__8.10.1 Modèles MV* et React
8.11 En conclusion

CHAPITRE 09 Modèles de programmation asynchrone

_9.1 Programmation asynchrone
_9.2 Contexte
_9.3 Modèle de promesse
__9.3.1 Chaînage de promesses
__9.3.2 Gestion des erreurs de promesse
__9.3.3 Parallélisme des promesses
__9.3.4 Exécution séquentielle des promesses
__9.3.5 Mémorisation des promesses
__9.3.6 Pipeline des promesses
__9.3.7 Réessayer la promesse
__9.3.8 Décorateur de promesses
__9.3.9 Concours de promesses
Modèle async/await _9.4
__9.4.1 Composition de fonctions asynchrones
__9.4.2 Itération asynchrone
__9.4.3 Gestion asynchrone des erreurs
__9.4.4 Parallèle asynchrone
__9.4.5 Exécution séquentielle asynchrone
__9.4.6 Mémorisation asynchrone
__9.4.7 Gestion des événements asynchrones
Pipeline async/await __9.4.8
__9.4.9 Nouvelle tentative asynchrone
__9.4.10 décorateur async/await
_9.5 Exemples plus pratiques
__9.5.1 Envoi d'une requête HTTP
9.5.2 Lecture des fichiers depuis le système de fichiers
__9.5.3 Écriture d'un fichier sur le système de fichiers
__9.5.4 Exécution simultanée de plusieurs fonctions asynchrones
__9.5.5 Exécution séquentielle de plusieurs fonctions asynchrones
__9.5.6 Mise en cache des résultats d'une fonction
__9.5.7 Gestion des événements avec async/await
__9.5.8 Nouvelle tentative automatique en cas d'échec d'une fonction asynchrone
__9.5.9 Écrire un décorateur async/await
_9.6 En conclusion

CHAPITRE 10 Modèles de conception modulaires en JavaScript

_10.1 Remarques sur les chargeurs de scripts
_10.2 AMD
10.2.1 Découverte du module
__10.2.2 Modules AMD et jQuery
10.2.3 Conclusion sur la DMLA
_10.3 CommonJS
__10.3.1 Premiers pas avec CommonJS
10.3.2 Utilisation simultanée de plusieurs dépendances
__10.3.3 CommonJS dans un environnement Node.js
__10.3.4 CommonJS est-il adapté aux environnements de navigateur ?
__10.3.5 Références liées à CommonJS
_10.4 AMD vs CommonJS : Des rêves différents
__10.4.1 UMD : Modules compatibles AMD et CommonJS pour les plugins
_10.5 En conclusion

CHAPITRE 11 MODÈLES D'ESPACE DE NOMS

_11.1 Notions de base sur les espaces de noms
_11.2 Modèle de variable globale unique
_11.3 Modèles d'espace de noms de préfixe
_11.4 Modèles de notation littérale d'objet
_11.5 Modèle d'espace de noms imbriqué
_11.6 Modèles d'expressions de fonctions immédiatement invoquées
_11.7 Modèle d'injection d'espace de noms
_11.8 Modèles d'espace de noms avancés
__11.8.1 Modèle d'automatisation des espaces de noms imbriqués
__11.8.2 Modèle de déclaration de dépendance
__11.8.3 Modèle d'extension d'objet profond
_11.9 Modèles recommandés
_11.10 En conclusion

CHAPITRE 12 Modèles de conception React

_12.1 Introduction à React
__12.1.1 Introduction à la terminologie React
__12.1.2 Concepts de base de React
_12.2 Composants d'ordre supérieur
__12.2.1 Combinaison de composants d'ordre supérieur
__12.2.2 Avantages
__12.2.3 Inconvénients
_12.3 Modèle de rendu des accessoires
12.3.1 Élever le statut
__12.3.2 Passage d'une fonction en tant qu'enfant d'un composant
__12.3.3 Avantages
__12.3.4 Inconvénients
_12.4 Modèle de hooks React
__12.4.1 Composants de classe
12.4.2 La nécessité de changements structurels
__12.4.3 Complexité accrue
__12.4.4 Crochets
_12.5 Hook d'état
__12.5.1 Effet Hook
__12.5.2 Crochet personnalisé
__12.5.3 Informations complémentaires sur l'hameçon
12.5.4 Avantages et inconvénients des hameçons
__12.5.5 Crochets vs. Classes
_12.6 Importations statiques
_12.7 Importation dynamique
__12.7.1 Composants chargeables
__12.7.2 Importation lors de l'interaction
__12.7.3 Obtenir le moment visible à l'écran
_12.8 Division du code
__12.8.1 Segmentation basée sur le chemin
__12.8.2 Fractionnement des lots
Modèle PRPL _12.9
_12.10 Priorité de chargement
__12.10.1 Préchargement SPA
__12.10.2 Préchargement + technique asynchrone
Préchargement de la version 12.10.3 dans Chrome 95+
_12.11 Liste Virtualisation
12.11.1 Fonctionnement du fenêtrage/de la virtualisation
__12.11.2 Composant de liste
Composant de grille __12.11.3
12.11.4 Évolution de la plateforme Web
_12.12 Conclusion
_12.13 En conclusion

CHAPITRE 13 Rendu des motifs

_13.1 L'importance des motifs de rendu
_13.2 Rendu côté client (CSR)
_13.3 Rendu côté serveur (SSR)
_13.4 Rendu statique
__13.4.1 Génération statique incrémentale (ISR)
__13.4.2 ISR à la demande
__13.4.3 Résumé du rendu statique
_13.5 Streaming SSR
_13.6 Edge SSR
_13.7 Rendu hybride
_13.8 Hydratation progressive
_13.9 Architecture irlandaise
__13.9.1 Mise en œuvre de l'architecture insulaire
13.9.2 Avantages et inconvénients de l'architecture insulaire
_13.10 Composants serveur React
__13.10.1 Rendu hybride avec RSC et le routeur d'applications Next.js
_13.11 En conclusion

CHAPITRE 14 Structure d'une application React

_14.1 Introduction
__14.1.1 Regroupement par module, fonction ou chemin
__14.1.2 Regroupement par type de fichier
__14.1.3 Groupement mixte basé sur le domaine et les composants communs
_14.2 Structure de l'application pour les fonctionnalités React modernes
__14.2.1 Redux
__14.2.2 Conteneur
__14.2.3 Crochets
__14.2.4 Composants stylisés
_14.3 Autres bonnes pratiques
_14.4 Structure d'application pour les applications Next.js
_14.5 En conclusion

CHAPITRE 15 CONCLUSION

Appliquer les derniers modèles de conception à JavaScript et React !

Apprenez de manière systématique, des sujets de base aux sujets avancés, y compris les modèles de performance et de rendu !

Les modèles de conception fournissent des schémas communs pour organiser le code, ce qui facilite sa compréhension et la communication avec d'autres développeurs.
Ce livre applique ces modèles de conception à JavaScript et React, permettant un développement web plus structuré et plus efficace.
De plus, il ne se contente pas de couvrir les modèles de conception, mais aborde également des sujets essentiels au développement de bonnes applications web, tels que l'organisation du code, les performances et le rendu, ainsi que plusieurs bonnes pratiques pour l'application de ces modèles.
Ainsi, à la fin de ce livre, vous aurez une compréhension approfondie des modèles de conception et la capacité de les appliquer à votre code JavaScript et à vos applications React.
La voie vers un développement web efficace se trouve ici.

Contenu principal

● Modèles architecturaux pour la structuration des composants et des applications
● Plus de 20 modèles de conception JavaScript et React pour les développeurs de tous niveaux
● Classification des différents modèles de conception tels que les modèles de création, de structure et de comportement
● Modèles essentiels ayant un impact sur les performances, tels que l'importation dynamique et le fractionnement du code
● Modèles de rendu tels que le rendu côté serveur, l'hydratation et l'architecture insulaire