NG Conf 2019

ngconf2019.md

NG Conf 2019

Bazel

Bazel allows us to break an application into distinct build units. In Angular, build units are defined at the NgModule level.

• https://bazel.angular.io/
• https://blog.nrwl.io/an-introduction-to-angular-with-bazel-28bcf36ed311

Ivy

Angular's Rendering and View Engine

Links

• https://www.telerik.com/blogs/first-look-angular-ivy
• https://levelup.gitconnected.com/the-new-angular-ivy-compiler-finally-works-on-windows-9042378cede0

Key Features

• Supports tree shaking
• Locality - Compiles one file at a time

Benefits

• Smaller builds
• Faster rebuild times
• Faster development
• A simpler, more hackable pipeline
• Human readable code

John Papa - Angular Tips

1. RxJS

• Unsubscribe from observables
• takeUntil Strategy
• { Subscription }

2. State Management

3. Cloud Services

Tools for Fast Angular Applications

Differential Loading

• target: es2015
• browserlist

Code Splitting

• Component-Level
  • lazy-loading
• Route-Level
  • loadChildren
• Prefetching
  • ngx-quicklink
  • Guess.js
  • Angular Performance Budgets