📅 Chat: Standalone Components, Optional NgModules & Incremental Compilation (March 4th 2021)

[willi84]

Build performance: Michael Prentice told us that developers experienced significant slowdowns when turning on AOT for local development, both in Angular version 9 and recently in Angular version 11.1. Let’s discuss how we could make the ng serve rebuild time faster with the Ivy AOT compiler in a large scale application.

Standalone components: Introducing local component scope enables incremental compilation on the component level. What other concerns do NgModules currently address and how could we support them without NgModules? What are the benefits of standalone components and optional NgModules?

Date: Thursday March 4th, 2021 11:00 AM PT Host: Lars Gyrup Brink Nielsen (larsbrinknielsen@gmail.com) Invitees

• michael@hladky.at
• sanderelias@gmail.com
• elgreco247@gmail.com
• juliano.brasil@gmail.com
• yjaaidi@gmail.com
• yallen011@gmail.com
• splaktar@devintent.com
• pkozlowski.opensource@gmail.com
• pete@bacondarwin.com

Event Link:

• :calendar: 2021/03/04 Link go Google Calendar

Recordings

• :tv: 2021/03/04 : https://www.youtube.com/watch?v=ioxOu7rmBs0

[LayZeeDK]

Thanks @willi84!

[julianobrasil]

Hey, @willi84, it seems that more people subscribed to this discussion on that google document.

[LayZeeDK]

@willi84 Additional invitees:

• michal@zyte.com
• baunov@zyte.com

[Splaktar]

FYI: The calendar link puts an all-day event with a reminder on my calendar, but it doesn't actually add it to my calendar with the correct time/timezone.

[LayZeeDK]

@Splaktar I tried adding a time to one of the events. Let me know if it works.

[LayZeeDK]

@willi84 I can't figure it out with all these events. Can you take a look if I updated the right one with time of the event and a description?

[Splaktar]

Looks good now! 2pm EST is right. You are planning to do the video chat via Discord?

[LayZeeDK]

I'm working with Beeman from the Angular Discord server to host the event. We haven't figured out the platform out yet, but we want to make it available for the Angular community to see.

[willi84]

I just deleted the other events (from me) and made a clone, that it is public visible on the angular community calendar. I still need to figure out how to better work with is. wish we have a g suite for our angular community.

[Splaktar]

I could host a Google Meet call on my G Suite if needed. But I don't think that I have the ability to record the meeting. Though most of these meetings haven't been recorded, just notes taken and posted.

[willi84]

the thing is: I would love if we could have as angular community education license: https://edu.google.com/intl/de/products/workspace-for-education/education-fundamentals/

this could make collaboration a lot easier then using our private accounts or private G Suite. I guess. But for this we need support by google. I can't do this and sadly we are not a not-profit or similar.

(If needed I could also provide my domain angular.community )

[Splaktar]

This session is being recorded, so we don't need to take notes, but there are likely some links that would be helpful to post here.

Here are some of mine on build performance / incremental compilation

• Optimizing incremental compilation status tracker #40728
• Angular builds were slowed down when sourceMaps were enabled until https://github.com/microsoft/TypeScript/pull/40130 was fixed in TS 4.1
• AOT DevMode builds are much slower than JIT in Angular v9+
• Lots of work was done in Angular v10.1.2 and v11 to make AOT DevMode with Ivy faster. Also TypeScript 4.1 support was added in v11.1 to give better perf with source maps enabled. However, it was found that Incremental AOT compilation is 5 times slower in Angular 11.1 comparing to 10.1.
• It turns out that there is a whole new Ivy build toolset in Angular CLI v11.1. To use the old toolset for building Ivy and to get around the above issue, you can set NG_BUILD_IVY_LEGACY=1.
• Another issue that is likely a duplicate of the others above: https://github.com/angular/angular/issues/35906
• There is already a commit in the CLI main branch that will fix the perf regressions from 11.0.x -> 11.1.x https://github.com/angular/angular-cli/commit/9eb7fb53bb1e85e551b7b05f4442c0a9e3e9ef8a
• In progress PR to resolve a lot of the above: perf(compiler-cli): detect semantic changes and their effect on an incremental rebuild #40947. The good news is that this should be able to land in a patch/minor release and not require waiting until v12.
• Incremental Angular builds with Nx

[Splaktar]

TODO

• [x] Follow up meeting on zone.js, zoneless apps, and hybrid apps with zone.js disabled for parts of the apps. @beeman will follow up with @BioPhoton to see about scheduling this.
• [x] Library authors should read up on the new Angular Linker (related community blog post) and provide feedback (via GitHub issues)
• [x] Checkout Joost's 2nd build perf PR: https://github.com/angular/angular/pull/40948
• [x] If you use VSCode, check out the Angular Language Service (enable Ivy mode in extension settings) and the #angular-language-service channel in the Angular Community Discord
• [x] If you missed the live stream, catch the recording here

[willi84]

btw. how about open for the different projects in the angular mission repo a chat room at angular discord? like:

> Angular Mission
# Standalone Components
# Documentation
# Reactive Angular Chat
# Creating Harnesses

what do you think @beeman or @LayZeeDK ?

[beeman]

@willi84 let's check a bit what the goal of this is. We have quite a lot of channels already, and we don't want to just add them with the hope of them getting used.

Maybe good to discuss per DM, feel free to send me a DM on discord.