$30 off During Our Annual Pro Sale. View Details »

Advanced Angular Design Patterns

Advanced Angular Design Patterns

SQUER Solutions

July 11, 2018
Tweet

More Decks by SQUER Solutions

Other Decks in Technology

Transcript

  1. Advanced Angular
    Design Patterns
    Košice, 11.07.2018

    View Slide

  2. David Leitner
    Technical Expert at
    @dufeit

    View Slide

  3. @dufeit

    View Slide

  4. 7th Law of Computer Programming:
    Program complexity grows until
    it exceeds the capability of the
    programmer to maintain it.
    @dufeit

    View Slide

  5. How sofware appicatons evove over tme

    View Slide


  6. Root-Component
    Parent-Component
    Component
    Parent-Component

    ViewChild
    Compose Components with
    ng-content
    Make usage of the
    Component Injectors
    Provide reusabe contents by
    ng-template
    @dufeit

    View Slide

  7. Smart & Dump Components
    @dufeit
    or Presentational and Container Components

    View Slide

  8. Make usage of the
    Marker Directives

    ContentChildren
    Access chidren from outside by
    ContentChildren
    Access Component Injectors with
    { read: … }


    Directive
    ContentChildren
    Provider
    read

    Directive
    @dufeit

    View Slide

  9. TL;DR:
    Use
    Composition

    View Slide