Skip to content
This repository was archived by the owner on Dec 18, 2024. It is now read-only.

feat: update to 9.0.0-next.x and enable Ivy rendering engine #645

Merged
merged 5 commits into from
Oct 7, 2019

Conversation

Splaktar
Copy link
Contributor

@Splaktar Splaktar commented Oct 6, 2019

PR Checklist

Please check that your PR fulfills the following requirements:

  • The commit message follows our guidelines
  • Tests for the changes have been added or weren't appropriate

What is the current behavior?

The app is based on Angular, CLI, and Material version 8.x and Ivy is disabled.

What is the new behavior?

The app is based on Angular, CLI, and Material version 9.0.0-next.x and Ivy is enabled.

Stats

Stats from production builds deployed to Firebase Hosting (CDN).
The times in ms were the best scores of approximately 10 page reloads with cache disabled in Chrome Version 77.0.3865.90 (Official Build) (64-bit).

Note that due to the way that the app is architected (how it pulls in example modules from the angular/material2-docs-content repo), we don't currently do any lazy loading.

See PR diff for different versions of libraries between the before/after.

Landing Page before Ivy

transferred: 819 KB
resources: 4.1 MB
Finish: 637 ms
DOMContentLoaded: 435 ms
Load: 565 ms

Landing Page after Ivy

transferred: 686 KB ✅ -130 KB
resources: 2.5 MB ✅ -1.6 MB
Finish: 571 ms ✅ approx. -66 ms
DOMContentLoaded: 392 ms ✅ approx. -43 ms
Load: 498 ms ✅ approx. -67 ms

Landing Page with Ivy and build-optimizer enabled

transferred: 607 KB ✅ -79 KB
resources: 2.3 MB ✅ -0.2 MB
Finish: 570 ms ✅ approx. -1 ms
DOMContentLoaded: 372 ms ✅ approx. -20 ms
Load: 498 ms ✅ approx. 0 ms

Checkbox Overview before Ivy

transferred: 846 KB
resources: 4.1 MB
Finish: 822 ms
DOMContentLoaded: 470 ms
Load: 741 ms

Checkbox Overview after Ivy

transferred: 713 KB ✅ -133 KB
resources: 2.5 MB ✅ -1.6 MB
Finish: 809 ms ✅ approx. -13 ms
DOMContentLoaded: 419 ms ✅ approx. -51 ms
Load: 736 ms ✅ approx. -5 ms

Checkbox Overview with Ivy and build-optimizer enabled

transferred: 634 KB ✅ -79 KB
resources: 2.3 MB ✅ -0.2 MB
Finish: 763 ms ✅ approx. -46 ms
DOMContentLoaded: 417 ms ✅ approx. -2 ms
Load: 698 ms ✅ approx. -38 ms

Other information

This PR re-enables Angular CLI's build-optimizer which was disabled in this commit without any kind of comment or explanation.

This PR is blocked on PR #643 getting merged first.

allow the exported/downloaded project from StackBlitz to be functional
- move files into /src and /src/app to match a normal configuration
rename Stackblitz to StackBlitz
use StackBlitz logo to launch examples
use a relative URL for downloading `versions.json`
update Ivy fix for VersionPicker
log errors during app bootstrap in StackBlitz
switch StackBlitz examples to SCSS
fix lint warnings in deploy script
add ignores for Firebase

Fixes #623. Fixes #629. Relates to #642.
Decorates all declared undecorated provider classes with @Injectable
add 9.0.0-next.0 to versions list
- point it to material2-docs-dev for now
the prior version used `yarn@1.10.1`
- @angular-devkit/build-angular@0.900.0-next.8 throws an error
  - Expected version ">= 1.13.0". Got "1.10.1"
re-enable Angular CLI's build-optimizer
Copy link
Member

@jelbourn jelbourn left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@jelbourn jelbourn merged commit 051363f into master Oct 7, 2019
@Splaktar
Copy link
Contributor Author

Splaktar commented Oct 7, 2019

I wanted to keep these separate commits, but it looks like they all got squashed on merge.

@Splaktar Splaktar deleted the useAngular9 branch October 7, 2019 18:43
jelbourn added a commit to jelbourn/material.angular.io that referenced this pull request Nov 3, 2021
PR angular#645 erroneously changed this to a relative url. We want this to always use the latest material.angular.io so that we don't have to update old branches for new major versions.
jelbourn added a commit that referenced this pull request Nov 3, 2021
PR #645 erroneously changed this to a relative url. We want this to always use the latest material.angular.io so that we don't have to update old branches for new major versions.
jelbourn added a commit that referenced this pull request Nov 3, 2021
PR #645 erroneously changed this to a relative url. We want this to always use the latest material.angular.io so that we don't have to update old branches for new major versions.

(cherry picked from commit bcb94e3)
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants