scaling applications using angularjs and typescript - simona cotin - codemotion milan 2016
Post on 07-Jan-2017
65 Views
Preview:
TRANSCRIPT
Angular 2
@SIMONA_COTIN
Components - base
Components - Input/Output properties
Components - providers
Components - template
Components - lifecycle
Components - self describing
A COMPONENT HAS WELL DEFINED API FOR INPUT AND OUTPUT PROPERTIES
Components - self describing
A COMPONENT CONFIGURES DEPENDENCY INJECTION
Components - self describing
A COMPONENT KNOWS HOW TO RENDER ITSELF
Components - self describing
A COMPONENT KNOWS HOW TO LISTEN TO ITS HOST ELEMENT
Change detection
“An Angular 2 application is a reactive system, with change detection being the core of it.”
Change detection
Change detection
Change detection
Change detection
Change detectionAn angular app is a
component tree
Each component has its own change detector
Data flows from top to bottom
Ahead-of-time compilation
FASTER INITIAL RENDER
TYPE CHECKING IN TEMPLATES
EFFECTIVE TREE SHAKING
TOOLS & HELPERS - ANGULAR MATERIAL
TOOLS & HELPERS - I18N
TOOLS & HELPERS - ROUTER
TOOLS & HELPERS - ANIMATIONS
TOOLS & HELPERS - ANGULAR CLI
TOOLS & HELPERS - PROTRACTOR
TOOLS & HELPERS - ANGULAR AUGURY
TOOLS & HELPERS - LANGUAGE SERVICES
Demo
THANK YOU
top related