Advanced Angular Design Patterns

Eastcode Sessions (Košice, Slovakia)

event: https://www.meetup.com/de-DE/eastcode-sessions/events/251475451/
source code: https://github.com/duffleit/angular-advanced-design-patterns/

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