This document discusses the author's experience using Angular 2 in production for one year. It covers what they expected from the framework, including high performance, compatibility with old browsers, and a long product lifecycle. It also discusses key Angular 2 concepts like Web Components, TypeScript, bindings, reactive programming with RxJS, debugging tools, and forms. The author concludes by discussing future directions like Angular Universal for server-side rendering and using Angular with other technologies like NativeScript.
5. What we expected from technology
• It doesn’t force you to write infrastructure code
• Stable framework with active community
• Simple team complectation
• Consistent ecosystem and similar architecture for all projects
• High level of abstraction and real boost for developent
• Low coupling
• Testability.
29 April 2017 5
6. What we wanted from technology
• High performance.
• Compatibility with old browsers.
• Long product lifecycle.
29 April 2017 6
7. 29 April 2017
Web Components
• Shadow DOM
• Templates
• Imports
• Custom Elements
8. 29 April 2017
Web Components
• Shadow DOM
• Templates
• Imports
• Custom Elements
19. 29 April 2017
Angular CLI
• Official tool.
• Standardization and totalitarism.
• Achieves time on routine.
• Configures Webpack instead of you .
• Expect unit tests from developer.
20. 29 April 2017
Angular CLI – possibilities
It can:
• Scaffold an empty project
• Generate components, services, pipess
• Generate infrastructure: tests, builds
• Syntax code analysis
• Development environment
• Code formatting
25. TS Type handling
• Interfaces
• Check function types and arguments
• Check types of object properties
• Check function return values
• Possibility to declare your own types
• Enum
29 April 2017 25
26. private models = new Observable<Correlation[]>();
29 April 2017 F O O T E R H E R E 26
38. Rx.js + A2
PROS
- Allows us to remove http logic from components
- Can be used with an async pipe
CONS
- Require composition changes
- Implements toPromise() method
29 April 2017 38
40. Rx.js
29 April 2017 H T T P S : / / W W W . Y O U T U B E . C O M / W A T C H ? V = W W R 9 N X V X 1 E C 40
ROB WORMALD
(@ROBWORMALD):
ANGULAR & RXJS AT
NG-EUROPE 2016
41. Zone.js
• Cool errors trace.
• Dirty-checking.
• You can stop all the async actions after component
destruction
29 April 2017 41
42. Web Animations API
29 April 2017 H T T P S : / / W W W . Y O U T U B E . C O M / W A T C H ? V = 4 V D M I V R M L 3 4 42
ANGULAR 2 0
ANIMATIONS MATIAS
NIEMELA
ANGULARCONNECT
43. Angular 2 Forms
29 April 2017 H T T P S : / / W W W . Y O U T U B E . C O M / W A T C H ? V = X Y V 9 L S R V 0 S 4 43
ANGULAR 2 FORMS
KARA ERICKSON
44. Compatibility
• App particulary compiles into ES5.
• CLI generates polyfills.brower.ts.
• Won’t work on Safari and IE .
• We need to include intl polyfill.
29 April 2017 44
49. 29 April 2017
Visual Studio Code
• Syntax analysis and smart suggestions
based on types and interfaces
• Built-in transpiler
50. Personal
• Components. Only one type of components.
• Directives. Only one type of directives.
• Services. Only one type of services.
29 April 2017 50