← Back to design patterns map
🌉
Design Pattern

Bridge

Separate abstraction from implementation so both can vary independently.

structural

Visual Diagram

Report
-> Renderer interface
-> PDFRenderer / HTMLRenderer

When To Use

  • ->Multiple renderers for the same report
  • ->Storage abstraction over local, S3, or GCS
  • ->Separate business logic from platform implementation
Used in: Renderer plugins, storage drivers, notification channels
bridge.js

Live Editor

Loading...

Output

Run code to see output...