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é

Overview

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

Tu veux écrire un JavaScript beau, structuré et facile à maintenir en appliquant des modèles de conception modernes au langage ? Tu veux un code propre, efficace et facile à gérer ? Tu veux rester au courant des meilleures pratiques les plus récentes ? Si c'est le cas, la deuxième édition mise à jour de Learning JavaScript Design Patterns est l'endroit idéal pour commencer.

L'auteur Addy Osmani te montre comment appliquer les patrons de conception modernes à JavaScript et React - notamment les modules, les mixins, les observateurs et les médiateurs. Tu découvriras les performances et les schémas de rendu tels que le rendu côté serveur et l'architecture des îlots. Tu apprendras également comment les schémas architecturaux tels que MVC, MVP et MVVM sont utiles du point de vue d'un développeur d'applications web moderne.

Ce livre explore :

Les modèles architecturaux pour structurer tes composants et tes applications.
Plus de 20 design patterns en JavaScript et React, applicables aux développeurs de tout niveau.
Différentes catégories de patrons, notamment créationnels, structurels et comportementaux.
Des patrons de performance essentiels, notamment les importations dynamiques et le fractionnement du code.
Modèles de rendu tels que le rendu côté serveur, l'hydratation, l'architecture des îles, etc.

En outre, tu exploreras la syntaxe JavaScript moderne comme les modules JavaScript, les schémas React comme les Hooks, les composants d'ordre supérieur (HOC), et plus encore, pour rester en tête dans le monde en constante évolution du développement web.