Skip to content

Latest commit

 

History

History

composite

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 

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.