Upgrade to Pro — share decks privately, control downloads, hide ads and more …

3L-Components

Azizi Yazit
April 19, 2021

 3L-Components

Component Architecture

Abstraction is cool but it MUST be balanced with the "Principle least power"

Use these 3 levels technique to avoid "wrong abstractions" as "least power" is better than the wrong abstraction.

Azizi Yazit

April 19, 2021
Tweet

More Decks by Azizi Yazit

Other Decks in Design

Transcript

  1. First-level Component Compounding <accordion-header> <accordion-content> <accordion-group> Second-level Component Configuring <section>

    <ng-template #header [ngTemplateOutlet] [ngTemplateOutletContext > <ng-template #content [ngTemplateOutlet] [ngTemplateOutletContext > Third-level Component Specifying <org_name-accordion [group]=“[ { header, content }, { header, content }, { header, content } ]” > org_name-accordion Abstraction Principle least power NG-Material / NG-Zorro Your Organisation Component Your Products Component