patterns-structural

Structural design patterns reduce tight coupling and increase system flexibility by wrapping and composing objects in TypeScript. They are applied when managing API boundaries, UI component trees, and subsystem orchestration.

To migrate a legacy API with the Adapter pattern, you wrap the incompatible legacy interface so it conforms to the expected target interface. This allows incompatible interfaces to work together without altering the original subsystem code.

The Composite pattern lets you treat trees of objects uniformly, allowing you to traverse and aggregate UI components seamlessly. You can build a TypeScript example demonstrating a leaf and composite structure to manage the hierarchy.

The Decorator pattern adds responsibilities to objects via wrappers without causing subclass explosion. You dynamically wrap objects to extend behavior, avoiding the need to create a rigid inheritance hierarchy for every feature combination.

Yes, the Facade pattern is covered to simplify complex subsystems behind a single, stable interface. The Skill provides guidance and example sketches for implementing Facade boundaries to orchestrate subsystems effectively.

Yes, the Proxy pattern is explicitly included to implement lazy loading, caching, or access control in TypeScript. It wraps an object to control access and manage resource-intensive operations efficiently.