Animations Performance Improvements RxJS v6 43 Copyright Marco Papa 2017 2018

Animations performance improvements rxjs v6 43

This preview shows page 43 - 54 out of 55 pages.

Animations Performance Improvements RxJS v6 43 Copyright © Marco Papa 2017-2018
Image of page 43
Features of Angular 7 Application Performance Optimize polyfills.ts Angular Material & the CDK Virtual Scrolling Drag and Drop Partner Launches NativeScript : A single project that builds for both web and installed mobile with NativeScript StackBlitz 2.0 supports multipane editing and the Angular Language Service Dependency Updates Typescript 3.1 RxJS 6.3 Node 10 44 Copyright © Marco Papa 2017-2018
Image of page 44
RxJS Reactive programming is an asynchronous programming paradigm concerned with data streams and the propagation of change (Wikipedia) RxJS is a library for reactive programming. ( RxJS Docs ) Angular2+ use RxJS for asynchronous operation. ( Angular RxJS ) RxJS uses Observables for asynchronous or callback-based code. Converting existing code for async operations into observables Iterating through the values in a stream Mapping values to different types Filtering streams Composing multiple streams See example “Repeat from external source” on slide 47 45 Copyright © Marco Papa 2017-2018
Image of page 45
Angular 2+ Data Binding Component Example form.component.html form.component.ts 46 Copyright © Marco Papa 2017-2018
Image of page 46
Angular 2+ Repeat with data from static array staff.component.ts staff.component.html 47 Copyright © Marco Papa 2017-2018
Image of page 47
Angular 2+ Repeat from external source Using observable subscription to handle asynchronized http request 48 Copyright © Marco Papa 2017-2018
Image of page 48
Angular 2+ Sort and Search Angular 2+ doesn’t support FilterPipe or OrderByPipe mainly because they are expensive operations and they have often been abused in AngularJS apps. To learn more about why FilterPipe and OrderByPipe are not supported and what the alternatives are, see this page: - orderbypipe. 49 Copyright © Marco Papa 2017-2018
Image of page 49
Angular 2+ External UI Components 50 Copyright © Marco Papa 2017-2018
Image of page 50
Angular 2+ Remove and Insert DOM Element 51 Copyright © Marco Papa 2017-2018
Image of page 51
TypeScript Open source programming language developed and maintained by Microsoft Syntactical superset of JavaScript Developed by Anders Hejlsberg, C# Architect and creator of Turbo Pascal First made public in October 2012 (version 0.8) Built-in support for TypeScript in Visual Studio 2013+ TypeScript 2.0 released September 2016 TypeScript program can seamlessly consume JavaScript TypeScript compiler written in TypeScript See TypeScript 2.8: 52 Copyright © Marco Papa 2017-2018
Image of page 52
TypeScript Features Extensions to ECMAScript 5 th Ed.
Image of page 53
Image of page 54

You've reached the end of your free preview.

Want to read all 55 pages?

  • Spring '12
  • Horowitz
  • Marco Papa

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

Stuck? We have tutors online 24/7 who can help you get unstuck.
A+ icon
Ask Expert Tutors You can ask You can ask You can ask (will expire )
Answers in as fast as 15 minutes