Learning JavaScript Design Patterns

✍ Scribed by Addy Osmani

• Publisher: Reilly
• Year: 2023
• Tongue: English
• Leaves: 159
• Edition: 2
• Category: Library

✦ Synopsis

Design patterns provide a common vocabulary to structure code, making it
easier to understand. They help enhance the quality of this connection to
other developers. Knowledge of design patterns helps us identify recurring
themes in requirements and map them to definitive solutions. We can rely on
the experience of others who have encountered a similar problem and devised
an optimized method to address it. This knowledge is invaluable as it paves
the way for writing or refactoring code to make it maintainable.

✦ Table of Contents

1. Introduction to Design Patterns
   History of Design Patterns
   What Is a Pattern?
   An everyday use case for design patterns
   Summary
2. “Pattern”-ity Testing, Proto-Patterns, and the Rule of Three
   What are Proto-Patterns?
   The “Pattern” Tests
   Rule of Three
   Summary
3. Structuring and Writing Patterns
   The Structure of a Design Pattern
   Well Written Patterns
   Writing a pattern
   Summary
4. Anti-Patterns
   What are Anti-Patterns
   Anti-Patterns in JavaScript
   Summary
5. Modern JavaScript Syntax and Features
   The Importance Of Decoupling Applications
   Modules With Imports And Exports
   Module Objects
   Modules Loaded From Remote Sources
   Static Imports
   Dynamic Imports
   Import on Interaction
   Import on visibility
   Modules For The Server
   Advantages of using Modules
   Classes With Constructors, Getters & Setters
   Classes in JavaScript frameworks
   Summary
   Related Reading
6. Categories of Design Patterns
   Background
   Creational Design Patterns
   Structural Design Patterns
   Behavioral Design Patterns
   Design Pattern Classes
   Summary
7. JavaScript Design Patterns
   Choosing a Pattern
   The Constructor Pattern
   Object Creation
   Basic Constructors
   Constructors with Prototypes
   The Module Pattern
   Object Literals
   The Module Pattern
   Module Pattern Variations
   Modern Module Pattern with WeakMap
   Modules with modern libraries
   The Revealing Module Pattern
   Advantages
   Disadvantages
   The Singleton Pattern
   State management in React
   The Observer Pattern
   Differences Between the Observer and Publish/Subscribe Pattern
   Advantages
   Disadvantages
   Publish/Subscribe Implementations
   The Mediator Pattern
   A Simple Mediator
   Similarities And Differences
   Event Aggregator Use
   Mediator Use
   Event Aggregator (Pub/Sub) And Mediator Together
   Mediator/Middleware in modern JavaScript
   Mediator Vs. Facade
   The Prototype Pattern
   The Command Pattern
   The Facade Pattern
   Notes on Abstraction
   The Factory Pattern
   When to Use the Factory Pattern
   When Not to Use the Factory Pattern
   Abstract Factories
   The Mixin Pattern
   Subclassing
   Mixins
   Advantages and Disadvantages
   The Decorator Pattern
   Pseudoclassical Decorators
   Interfaces
   Abstract Decorators
   Advantages and Disadvantages
   Flyweight
   Using Flyweights
   Flyweights and Sharing Data
   Implementing Classical Flyweights
   Converting Code to Use the Flyweight Pattern
   A Basic Factory
   Managing the Extrinsic States
   The Flyweight Pattern and the DOM
   Example: Centralized event handling
   Summary
   About the Author