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 2. Tests de "modèles", protomodèleset règle de trois

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

Entre le moment où un nouveau patron est proposé et son adoption potentielle à grande échelle, un patron peut devoir passer par plusieurs séries d'inspections approfondies de la part de la communauté des concepteurs et des développeurs de logiciels. Ce chapitre décrit le parcours d'un "proto-modèle" nouvellement introduit, qui passe par un test de "modèle" jusqu'à ce qu'il soit finalement reconnu comme un modèle s'il répond à la règle des trois.

Ce chapitre et le suivant explorent l'approche de la structuration, de la rédaction, de la présentation et de la révision des patrons de conception naissants. Si tu préfères apprendre d'abord les modèles de conception établis, tu peux sauter ces deux chapitres pour le moment.

Que sont les prototypes ?

N'oublie pas que tous les algorithmes, meilleures pratiques ou solutions ne représentent pas ce que l'on pourrait considérer comme un modèle complet. Il peut manquer quelques ingrédients clés, et la communauté des patrons se méfie généralement de quelque chose qui prétend en être un sans avoir fait l'objet d'une évaluation approfondie et critique. Même si l'on nous présente quelque chose qui semble répondre aux critères d'un modèle, nous ne devons pas le considérer comme tel tant qu'il n'a pas fait l'objet d'un examen approfondi et d'un test par d'autres ...