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

3L-Components

 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.

861e71f9f52486eb8bba75261a923004?s=128

Azizi Yazit

April 19, 2021
Tweet

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