RTE logo
← Back to design patterns map
Design Pattern

Composite

Treat single objects and groups of objects the same way.

structural

Visual Diagram

Folder
-> File
-> Folder
   -> File
call size() on any node

When To Use

  • ->File and folder trees
  • ->Nested menus
  • ->React component trees
  • ->Organization charts
Used in: File trees, React component trees, menu trees
composite.js

Live Editor

Loading...

Output

Run code to see output...

Comments

Sign in to leave a comment. Your name and photo come from Google; nothing else is shared.

Loading comments...