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 4. Anti-modèles

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

En tant qu'ingénieurs, nous pouvons être confrontés à des situations où nous devons livrer une solution dans les délais ou lorsque le code est inclus dans une série de correctifs sans qu'il y ait eu d'examen du code. Dans ces cas-là, le code n'est pas toujours bien pensé et peut propager ce que nous appelons des anti-modèles. Ce chapitre décrit ce que sont les anti-modèles et pourquoi il est essentiel de les comprendre et de les identifier. Nous examinons également quelques anti-modèles typiques enJavaScript.

Que sont les anti-modèles ?

Si un pattern représente une meilleure pratique, un anti-pattern représente la leçon apprise lorsqu'un pattern proposé tourne mal. Inspiré par le livre Design Patterns du GoF, Andrew Koenig a inventé le terme anti-pattern en 1995 dans son article paru dans le Journal of Object-Oriented Programming, Volume 8. Il a décrit les anti-modèles comme suit :

Un anti-modèle est exactement comme un modèle, sauf qu'au lieu d'une solution, il donne quelque chose qui ressemble superficiellement à une solution mais qui n'en est pas une.

Il a présenté deux notions d'anti-modèles. Les anti-modèles :

Décris une mauvaise solution à un problème particulier qui a entraîné une situation défavorable.
Décris comment sortir de ladite situation et aller vers une bonne solution.

À ce sujet, Alexander écrit ...