What's New in Angular version 8

What's New in Angular version 8

82bafb0432ce4ccc9dcc26f94d5fe5bc?s=128

Minko Gechev

May 27, 2019
Tweet

Transcript

  1. 7.

    @mgechev 0 7.5 15 22.5 30 v2 to v4 v4

    to v5 v5 to v6 v6 to v7 Air France / KLM Upgrade times
  2. 10.

    @yourtwitter [ { path: ‘a', loadChildren: './a.module#AModule' }, ... ];

    [ { path: 'a', loadChildren: import('./a.module') .then(m => m.AModule); },
 ... ]; 
 Version 7 Version 8
  3. 11.
  4. 12.
  5. 16.

    @yourtwitter @mgechev • Organize a meetup • Help with the

    docs • Write a blog post • Help on StackOverflow • Answer questions on gitter • Introduce a bug fix • … Ways to contribute
  6. 17.
  7. 18.
  8. 19.

    @mgechev Angular Collaborators Program Adam Plumer Deborah Kurata Sam Julien

    Markus Padourek Manfred Steyer Jason Bedard Cédric Exbrayat JiaLi Passion Joost Koehoorn
  9. 22.

    @yourtwitter @mgechev Differential loading • Produce ES5 bundles for newer

    browsers • Do not send polyfills to modern browsers • Smaller payload • Do not downlevel modern features • Faster execution • Smaller payload
  10. 24.

    @mgechev Step 1: Load HTML Step 2: Look at script

    tags Step 2: Download right version Differential loading
  11. 25.

    @yourtwitter Differential loading <!DOCTYPE html> <html lang="en"> <head> <title>Differential loading

    </title> </head> <body> <script type="module" src="app-es2015.js"> </script> <script nomodule src="app-es5.js"> </script> </body> </html>
  12. 26.

    @yourtwitter Differential loading <!DOCTYPE html> <html lang="en"> <head> <title>Differential loading

    </title> </head> <body> <script type="module" src="app-es2015.js"> </script> <script nomodule src="app-es5.js"> </script> </body> </html>
  13. 28.

    @mgechev Version 8 features Builders Deploy Web Workers SW Improvements

    Code-splitting with import AngularJS $location support Better IDE completion Simplified “Getting started” guide
  14. 29.

    @mgechev Version 8 features Builders Deploy Web Workers SW Improvements

    Code-splitting with import AngularJS $location support Better IDE completion Simplified “Getting started” guide
  15. 30.
  16. 32.
  17. 36.

    @yourtwitter @mgechev Benefits of Bazel • Incremental builds • Sharing

    cache between team & CI • Full-stack support • Scale on the cloud
  18. 41.

    @yourtwitter @mgechev Ivy • Simpler debugging • Backwards compatible •

    Lower memory usage • Faster tests • Smaller • Faster compilation • Improved type checking
  19. 45.

    @yourtwitter @mgechev Work pending in Angular Ivy • Smaller •

    Faster compilation • Improved type checking
  20. 48.

    @yourtwitter @mgechev Recap • Release schedule • Evergreen Angular •

    Collaborators program • Differential loading & Builders API • Bazel & Ivy in opt-in preview