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 5. Syntaxe et fonctionnalités modernes de JavaScript

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

JavaScript existe depuis plusieurs décennies maintenant et a subi de multiples révisions. Ce livre explore les patrons de conception dans le contexte JavaScript moderne et utilise la syntaxe ES2015+ moderne pour tous les exemples abordés. Ce chapitre aborde les fonctionnalités et la syntaxe JavaScript ES2015+ essentielles pour approfondir notre discussion sur les patrons de conception dans le contexte JavaScript actuel.

Note

Certains changements fondamentaux ont été introduits dans la syntaxe JavaScript avec ES2015, qui sont particulièrement pertinents pour notre discussion sur les modèles. Ils sont bien couverts par le guide BabelJS ES2015.

Ce livre s'appuie sur la syntaxe moderne de JavaScript. Il se peut aussi que tu sois curieux de connaître TypeScript. TypeScript, un surensemble statiquement typé de JavaScript, offre plusieurs caractéristiques de langage que JavaScript ne possède pas. Ces caractéristiques comprennent le typage fort, les interfaces, les enums et l'inférence de type avancée et peuvent également influencer les modèles de conception. Pour en savoir plus sur TypeScript et ses avantages, pense à consulter certains livres d'O'Reilly, comme Programming TypeScript de Boris Cherny.