Skip to content

Files

Latest commit

9cebe5b · Dec 27, 2023

History

History

composite

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Dec 27, 2023
Apr 24, 2021
Apr 24, 2021
Apr 24, 2021
Apr 26, 2021
May 3, 2021

Composite Design Pattern

Video Lecture

Section Video Links
Composite Pattern Composite   Composite Pattern
Composite Use Case Composite Use Case   Composite Use Case

Book

Cover Links
Design Patterns In TypeScript (ASIN : B0948BCH24)   https://www.amazon.com/dp/B0948BCH24
  https://www.amazon.co.uk/dp/B0948BCH24
  https://www.amazon.in/dp/B094716FD6
  https://www.amazon.de/dp/B0948BCH24
  https://www.amazon.fr/dp/B0948BCH24
  https://www.amazon.es/dp/B0948BCH24
  https://www.amazon.it/dp/B0948BCH24
  https://www.amazon.co.jp/dp/B0948BCH24
  https://www.amazon.ca/dp/B0948BCH24
  https://www.amazon.com.au/dp/B0948BCH24

Overview

... Refer to Book or Design Patterns in TypeScript website to read textual content.

Terminology

... Refer to Book or Design Patterns in TypeScript website to read textual content.

Composite UML Diagram

Composite Pattern UML Diagram

Output

node ./dist/composite/composite-concept.js
<Leaf>          name:leaf-b     Parent: none
<Composite>     name:comp-2     Parent: none    Components:2
<Leaf>          name:leaf-a     Parent: comp-2
<Composite>     name:comp-1     Parent: comp-2  Components:0

Composite Use Case

... Refer to Book or Design Patterns in TypeScript website to read textual content.

Composite Example UML Diagram

Composite Pattern Use Case UML Diagram

Output

node ./dist/composite/client.js
<DIR>  root
..<FILE> abc.txt
..<FILE> 123.txt
..<DIR>  folder_a
....<FILE> xyz.txt
..<DIR>  folder_b
....<FILE> 456.txt

<DIR>  root
..<FILE> abc.txt
..<FILE> 123.txt
..<DIR>  folder_b
....<FILE> 456.txt
....<DIR>  folder_a
......<FILE> xyz.txt

Summary

... Refer to Book or Design Patterns in TypeScript website to read textual content.