book

Apprendre les modèles de conception JavaScript, 2e édition

by Addy Osmani

November 2024

Intermediate to advanced

298 pages

7h 43m

French

O'Reilly Media, Inc.

Book available

Read now

Unlock full access

Structure du livreConventions utilisées dans ce livreUtiliser des exemples de codeApprentissage en ligne O'ReillyComment nous contacterRemerciements
Histoire des modèles de conceptionQu'est-ce qu'un modèle ?Un cas d'utilisation quotidienne des modèles de conceptionRésumé
Que sont les prototypes ?Les tests de "modèleRègle de troisRésumé
La structure d'un modèle de conceptionDes modèles bien rédigésÉcrire un modèleRésumé
Que sont les anti-modèles ?Anti-modèles en JavaScriptRésumé
L'importance du découplage des applicationsModules avec importations et exportationsObjets du moduleModules chargés à partir de sources distantesImportations statiquesImportations dynamiquesImportation sur InteractionImportation sur la visibilitéModules pour le serveurAvantages de l'utilisation des modulesClasses avec des constructeurs, des preneurs d'ordre et des preneurs d'ordreLes classes dans les frameworks JavaScriptRésuméLire aussi
ContexteModèles de conception créativeModèles de conception structurelleModèles de conception comportementaleClasses de modèles de conceptionRésumé
Modèles de créationLe modèle du constructeurCréation d'objetsConstructeurs de baseLes constructeurs et les prototypesLe modèle de moduleLittéraux d'objetsLe modèle de moduleVariations du modèle de moduleModèle de module moderne avec WeakMapModules avec bibliothèques modernesLe modèle de module révélateurAvantagesInconvénientsLe modèle SingletonGestion des états dans ReactLe modèle du prototypeLe modèle de l'usineQuand utiliser le modèle d'usineQuand ne pas utiliser le modèle d'usineUsines abstraitesModèles structurelsLe motif de la façadeLe modèle MixinSous-classementMixinsAvantages et inconvénientsLe motif décoratifDécorateurs pseudo-classiquesInterfacesDécorateurs abstraitsAvantages et inconvénientsPoids plumeUtilisation de poids plumePoids plume et partage des donnéesMise en place de poids plume classiquesConversion du code pour utiliser le modèle FlyweightUne usine de baseGérer les états extrinsèquesLe modèle de poids plume et le DOMExemple : Gestion centralisée des événementsModèles de comportementLe modèle de l'observateurDifférences entre le modèle de l'observateur et celui de la publication et de l'abonnementAvantagesInconvénientsImplémentations de la publication et de l'abonnementLe modèle du médiateurUn simple médiateurSimilitudes et différencesUtilisation de l'agrégateur d'événementsUtilisation du médiateurAgrégateur d'événements (Pub/Sub) et médiateur ensembleMédiateur/Middleware dans le JavaScript moderneLe médiateur contre la façadeLe modèle de commandeRésumé
MVCSmalltalk-80 MVCMVC pour les développeurs JavaScriptModèlesVuesModélisationContrôleursQue nous apporte MVC ?Smalltalk-80 MVC en JavaScriptRésumé de MVCMVPModèles, points de vue et présentateursMVP ou MVC ?MVVMHistoireModèleVoirModèle de vueRécapitulation : La vue et le modèle de vueViewModel Versus ModelPour et contreAvantagesInconvénientsMVC Versus MVP Versus MVVMModèles MV* modernesMV* et React.jsRésumé
Programmation asynchroneContexteModèles de promessesEnchaînement de promessesGestion des erreurs de la promesseParallélisme des promessesPromesse d'exécution séquentielleMémorisation des promessesPromise PipelinePromesse RéessaiDécorateur de promessesCourse aux promessesModèles async/awaitComposition des fonctions asynchronesitération asynchroneTraitement asynchrone des erreursParallélisme asynchroneExécution séquentielle asynchroneMémorisation asynchroneTraitement asynchrone des événementsasync/await Pipelineasync RetryDécorateur async/awaitExemples pratiques supplémentairesFaire une requête HTTPLire un fichier à partir du système de fichiersÉcrire dans un fichier du système de fichiersExécuter plusieurs opérations asynchronesExécuter plusieurs opérations asynchrones en séquenceMise en cache du résultat d'une opération asynchroneGérer les événements avec async/awaitRéessayer une opération asynchrone en cas d'échecCréation d'un décorateur async/awaitRésumé

Note sur les chargeurs de scriptsAMDPremiers pas avec les modulesModules AMD avec jQueryConclusions de l'AMDCommonJSPour commencerConsommer des dépendances multiplesCommonJS dans Node.jsCommonJS est-il adapté au navigateur ?Lectures connexes pour CommonJSAMD et CommonJS : des normes concurrentes, mais tout aussi valablesUMD : Modules compatibles AMD et CommonJS pour les plug-insRésumé
Principes de base de l'espacement des nomsVariables globales uniquesPréfixe d'espacement des nomsNotation littérale des objetsNamespacing imbriquéExpressions de fonctions immédiatement invoquéesInjection d'espace de nomsModèles de nommage avancésAutomatiser l'espacement des noms imbriquésModèle de déclaration de dépendanceExtension des objets profondsRecommandationRésumé
Une introduction à ReactTerminologie utiliséeConcepts de baseComposants d'ordre supérieurComposerPourConsRender Props PatternÉtat de levageLes enfants en tant que fonctionPourConsMotif des crochetsComposants de la classeRestructurationComplexitéCrochetsCrochet d'ÉtatCrochet à effetCrochets personnalisésConseils sur les crochets supplémentairesAvantages et inconvénients de l'utilisation des crochetsLes crochets de React par rapport aux classesImportation statiqueImportation dynamiqueComposants chargeablesImportation sur InteractionImportation sur la visibilitéSéparation des codesFractionnement basé sur l'itinéraireFractionnement des paquetsModèle PRPLPriorité au chargementPrécharger dans les applications à page uniquePréchargement + le hack asynchronePrécharger dans Chrome 95+Liste de virtualisationComment fonctionne la fenestration/virtualisation ?ListesGrilleAméliorations de la plate-forme WebConclusionsRésumé
Importance des modèles de renduRendu côté clientRendu côté serveurRendu statiqueRégénération statique incrémentaleBVR à la demandeRésumé du rendu statiqueStreaming SSRBord SSRRendu hybrideHydratation progressiveArchitecture des îlesÎles de mise en œuvrePour et contreComposants du serveur ReactRendu hybride avec RSC et Next.js App RouterRésumé
IntroductionRegroupement par module, fonction ou itinéraireGroupe par type de fichierRegroupement hybride basé sur le domaine et les composants communsStructure de l'application pour les fonctionnalités modernes de React.ReduxConteneursCrochetsComposants stylisésAutres bonnes pratiquesStructure de l'application pour les applications Next.jsRésumé

Content preview from Apprendre les modèles de conception JavaScript, 2e édition

Chapitre 6. Catégories de modèles de conception

Cet ouvrage a été traduit à l'aide de l'IA. Tes réactions et tes commentaires sont les bienvenus : translation-feedback@oreilly.com

Ce chapitre documente les trois principales catégories de patrons de conception et les différents patrons qui en font partie. Bien que chaque patron de conception aborde un problème ou une question spécifique de conception orientée objet, nous pouvons établir des parallèles entre les solutions en fonction de la façon dont elles résolvent ces problèmes. Cela constitue la base de la catégorisation des patrons de conception.

Contexte

Gamma, Helm, Johnson et Vlissides (1995), dans leur livre Design Patterns : Elements of Reusable Object-Oriented Software, décrivent un modèle de conception comme suit :

Un modèle de conception nomme, abstrait et identifie les aspects clés d'une structure de conception commune qui la rendent utile pour créer une conception orientée objet réutilisable. Le modèle de conception identifie les classes participantes et leurs instances, leurs rôles et leurs collaborations, ainsi que la répartition des responsabilités.

Chaque modèle de conception se concentre sur un problème ou une question particulière de conception orientée objet. Il décrit quand il s'applique, s'il peut ou non être appliqué compte tenu d'autres contraintes de conception, ainsi que les conséquences et les compromis de son utilisation. Puisque nous devons finalement mettre en œuvre nos conceptions, un modèle de conception ...