New Angular announcement

[cursive gulch]

Same I need webpack for wasm bindgen stuff

[fickle crest]

Thats look beatiful, also the shirt haha

[clear coyote]

AY YO BRING BACK DANGULAR

Naawwwww 😭

[kind glade]

Haha, doing my best with prettier and eslint 😁

[mossy pollen]

@main hamlet any work on MF for SSR please?

[prime ice]

I think that was awesome! 🔥

[plain echo]

So I think I misheard, what did he say about MFE's and esbuild/vite? That they're looking into getting support?

[cursive gulch]

I like what was announced.

[mossy pollen]

No, they said that they won't add it to angular itself because of some issues. They only collaborate with Manfred that develops native federation in esbuild. But I cannot switch our project to esbuild because of missing SSR support in this new native-federation package.

[plain echo]

Ah, thanks for the clarification. We use MFE's but not SSR and was wanting faster build times so was seeing if they worked together yet.

[mossy pollen]

Then yes, you can definitely use it. It works great. I already tried browser build and it was incredibly fast.

[plain echo]

Oh? Do you have a resource I could use to check it out? Maybe we missed something.

[mossy pollen]

I found it. I can upload it if you want to check it. But it is just fresh example project.

[plain echo]

I'd be curious to check it out 🙂

[fickle crest]

Hello

[eager hazel]

and.... we're back lol

great time for Discord to go down

[plain echo]

Thought the same thing lmao

[eager hazel]

https://tenor.com/view/nope-gif-23756243

[cerulean nacelle]

ikr

[formal berry]

Sadly, no Discord shoutout 😦

I tried

[mossy pollen]

https://github.com/LadaBr/nx-a17-native-federation-example there it is. Nx + A17 + esbuild + MF (no SSR 😦 )

[plain echo]

Thanks 🙂

[fickle crest]

@frank pagoda You talk about New framework, what do you mean about that? 👀

[eager hazel]

I interpreted it as an evolving framework

[clear coyote]

Redefining what it means to be a framework, not a meta-framework

New standards

https://angular.dev/api/common/SlicePipe SlicePipe, eh? I don't remember that being there 👀

Also, yes, it's built with Angular.

[mighty thunder]

Hi @clear coyote, I found the following API reference(s) for the query 'slice':
- pipe: SlicePipe, status: stable - link to API reference: api/common/SlicePipe

[eager hazel]

it's been there ^^

[still sentinel]

No matter how much is said about SSR, material still disables it entirely for your entire app that lives inside SideNav. So it is still basically a non existent feature. Almost finished with our rewrite to Qwik and not looking back at all. The announcements matched my expectations :p

[clear coyote]

I use PrimeNG, not Material, so all good there 😁 Tons more components

The form inputs alone make it worth it

[clear coyote]

@eager hazel it passed 😉

[eager hazel]

https://tenor.com/view/stickergiant-thanks-i-hate-it-i-hate-this-nope-thanks-gif-19605015

[royal gale]

so what do pipes look like when used in the template in the new control flow?

[little folio]

same as before I believe

[astral wolf]

Can someone give me a tl;dr on today's announcement? Busy moving house lol

[clear coyote]

Sounds like a @desert ember blog post is in order 😁

[eager hazel]

Rebranding (logo, new website https://angular.dev/), control flow syntax, deferrable views, SSR improvements, application builder... anything I missed?

[clear coyote]

The @ElseIf was kinda a surprise

To me at least

[eager hazel]

I think that was mentioned in the RFC... but could be wrong

was mentioned here at least: https://blog.angular.io/meet-angulars-new-control-flow-a02c6eee7843

[astral wolf]

Thanks! Looks like I have some catching up to do

[clear coyote]

Still waiting on the logo in the readme to change https://github.com/angular/angular#angular---the-modern-web-developers-platform 👀

[little folio]

Btw repo for docs is at https://github.com/angular/angular/tree/main/adev

[eager hazel]

There's probably already a couple people jumping on it to get their first easy PR in lol

[clear coyote]

I wonder if https://angular.io will get some lipstick as well, they didn't really say

[little folio]

Would it make sense for https://angular.dev/playground to have selected template in url? So you can give link to someone, , such as https://angular.dev/playground/signals

[clear coyote]

Probably a query param but yeah

https://angular.dev/playground?tpl=signals

Tryin to see if this uses Monaco

I'm thinkin not

cm, not sure what that is

CodeMirror, got it https://codemirror.net

[little folio]

yup

I like how they named the project "blossom"

[desert ember]

Monaco is 💩

[light wigeon]

Fun fact is that I am at the NG Poland right now, and I just got my T Shirt with the wonderful, now former, logo on it 🙃

[clear coyote]

https://tenor.com/view/big-oof-size-small-medium-switch-gif-17355313

[cursive gulch]

Same

[little folio]

How do we mortals get these t-shirts?

[weary bronze]

"added 951 packages in 6s"

Why? Do I need 951 packages on my computer to print hello world?

(hint: the answer is no)

[clear coyote]

Anddd that's why I could never get behind React's "We provide the tools, 3rd party provides the implementation" model. Wayyyy too many dependencies for my taste. I'll take my Angular opinionated and batteries-included.

[mortal zodiac]

https://angular.dev/di

Dead link

[clear coyote]

OH GOD I DIDN'T KNOW THE MAIN PAGE SCROLLED 🥵

[eager hazel]

https://tenor.com/view/crying-tissue-gif-22251864

[clear coyote]

https://tenor.com/view/ron-swanson-parks-and-rec-its-so-beautiful-gif-15644547

[light wigeon]

I’m watching the replay and have a question that might be a dumb one: the rebranding, the dozens of hours put into the new features, the merch, etc

All of that comes at a cost, how is Angular actually financed or sustainable?

[desert ember]

It's Google

you might know that small company

[light wigeon]

Yes but why is it even worth the investment for it?

[desert ember]

Google is the first user of Angular

thousands of projects

[clear coyote]

It's actually a relatively small team of devs that are tasked with Angular I think, it's a very small subset of the funding

[light wigeon]

Fair enough

[desert ember]

its actually a great insight

[light wigeon]

So making this accessible for free is sort of a transaction like « you get the framework, we get community feedback, maintainers and 3rd party libraries » ?

[desert ember]

The angular team is responsible for the break changes inside their monorepo

[eager hazel]

Maybe Google does what @formal berry did to me... promise me cookies for my work here (still waiting btw.)

[weary bronze]

Flash and WordPress were opinionated too.

[formal berry]

And wait you shall

[eager hazel]

Yes boss!

[clear coyote]

I wish it would draw the Angular logo in ascii art in the terminal every time you ran ng serve

But see I say that and after a week of it being in there I probably wouldn't like it anymore.

Just like I had neofetch run every time I opened a terminal. And then it just annoyed me because I couldn't type until it finished fetching data.

[little folio]

Imagine having hundreds of projects made in a technology, controlled by another company that can change license at any time. Imagine using React back in the day, and their dodgy license https://medium.com/@raulk/if-youre-a-startup-you-should-not-use-react-reflecting-on-the-bsd-patents-license-b049d4a67dd2

[light wigeon]

Also make sense

Thanks for the answers there 🙌

[little folio]

Has anyone tried to build the new adev?

[cursive gulch]

Ok So these new docs are really good.

[still sentinel]

is there control flow syntax highlighting support within VSCode with a plugin? right now they just appear as white in the middle of your HTML

[light wigeon]

I think we might need to wait for the official release

[eager hazel]

You can install a next version of the language service, but you need to do it manually.

Installing a particular release build
Download the .vsix file for the release that you want to install from the releases tab.

Do not open the .vsix file directly. Instead, in Visual Studio code, go to the extensions tab. Click on the "..." menu in the upper right corner of the extensions tab, select "Install from vsix..." and then select the .vsix file for the release you just downloaded.
latest next release: https://github.com/angular/vscode-ng-language-service/releases/tag/v17.0.0-next.2

Since the v17 release is tomorrow, I would just wait for that 😉

[clear coyote]

Can’t wait to start hounding my dependency authors to release a v17 update for their libraries! 😄

Happens every 6 months 🙂

[calm sundial]

https://tenor.com/yZme.gif

[gilded aspen]

We're working on a security review of this (and shareable code versus a link) right now 🙂

[clear coyote]

Wait... wait... I'm confused.

No changing the gradient colors - but here is an example of us changing the gradient colors and we reccommend you do the same?

[eager hazel]

I think the left refers to official Angular branding and the other to community adopting the logo

[kind glade]

It sounds like more guidances about using the logo to talk about the framework as generic guidances for a press kit (not every framework has that much community activity upon logo customization)

[eager hazel]

For discord I tried to stay close to the official Angular branding, including using the recommended colors

[clear coyote]

Got it, 'aight, thanks everyone!

[fickle crest]

Can i just print the logo in a tshirt and use it? haha

[clear coyote]

Print 2 🙏 😂

Start a business

[eager hazel]

How much would you pay for it?
ᵐᵃʸᵇᵉ ⁱ ᶜᵃⁿ ˢᵗᵉᵃˡ ˢᵗᵉᵛᵉ'ˢ ˢʰⁱʳᵗ, ʸᵒᵘ ᶜᵃⁿ'ᵗ ʰᵃᵛᵉ ᵐⁱⁿᵉ 😬

[fickle crest]

100$

👀

But i think is better 70$

[eager hazel]

@formal berry sorry bud, I just sold your t-shirt

[fickle crest]

So we can make 50$ a good trade

If you have paypal i will send you the 25$

Then when you receive the money you will be happy with your 10$

🤣

[eager hazel]

https://tenor.com/view/vader-gif-6135658

[clear coyote]

https://tenor.com/view/mind-tricks-jedi-phantom-menace-gif-21225929

[fickle crest]

Thats @formal berry watching @eager hazel browers tabs... paypal and fedex

🤣

My tshirt is on the way

[formal berry]

lol

[eager hazel]

Forgot to tell you, steve wears xxs womens fit t-shirts... hope that's ok

[fickle crest]

i take it

hahaha

I can use it like a flag instead of tshirt hahaha

maybe i put it on the wall

[little folio]

Ah, I tried to make it myself, but project is fighting me/won't build. Good thing I didn't invest too much time in it 🙂

[strong flicker]

its the 8th now, where's my angular 17 👀

[eager hazel]

https://tenor.com/view/daddys-home2-daddys-home2gifs-jon-lithgow-reunion-waiting-gif-9683398

[cursive gulch]

Man!!! These defferable views and control flow is 🔥 🔥 🔥

[clear coyote]

The Else block beats the ng-template shenanigans soooo much

[cursive gulch]

Right!!? All day long

[cerulean nacelle]

dude i hated those so much

[cursive gulch]

Has any one tried SSR with actix web?

[mortal zodiac]

If I have a lazy component importing another component (let's call it X). Later I add in the app component a defer with component X inside (standalone import). Will component X be correctly lazy loaded as a separate chunk? (3 chunks total - 2 lazy) assuming defer has only X component inside

[placid robin]

I hope the new documentation will also improve on topics like server side rendering, and give some better code examples which i think is lacking in the current one.

[echo crater]

i thought the new angular.dev site reminded me of something 🙂 https://mermaid.js.org

[kind glade]

And we use mermaid now for charts in the documentation (even there are still some images)

[desert ember]

Releases happen west the US west coast is working

[arctic sigil]

Will it be possible to use esbuild plugins with the new application builder?

[strong flicker]

we need a countdown to the release

[frosty wharf]

The release is happening from Europe today! 🇪🇺

[eager hazel]

https://tenor.com/view/body-is-ready-body-ready-drop-clothes-lets-go-gif-13296281

[eager hazel]

It's happening folks, just waiting for it to be published on NPM now. https://github.com/angular/angular/releases/tag/17.0.0

https://www.npmjs.com/package/@angular/core/v/17.0.0

Need to install the following packages:
  @angular/[email protected]
Ok to proceed? (y)

[sly pebble]

Angular Material v16 is missing 🤔
I have to type it manually in the URL, that's so difficult

[mossy pollen]

I hope too

[lethal cobalt]

Let's go A17

[clear coyote]

Oh! Fresh ng new project to check out ng17. Bye bye Tour of Heroes 🫡

Ah, so application builder has HMR enabled by default. Nice!

[strong flicker]

i wonder if the welcome page in new projects have changed (don't spoil it for me) i'm starting a new project now

[clear coyote]

Yes, it has changed.

🤐

[strong flicker]

👀

[cerulean nacelle]

[strong flicker]

i love the new page, but no mention of angular material 👀 will it be added when v3 is available?

[clear coyote]

Ok. Well now I gotta try it without the --minimal flag cause I was a little dissapointed and I thought you would be too.

But you're right, there is no mention of Material here!

Oh! Ok, yes it's slick

[eager hazel]

Material always has had their own docs page. It's still at material.angular.io and the new docs link to it from the overview page (see extended ecosystem in the sidebar)

[strong flicker]

i'm kinda digging this way of adding configs in a specific file by default, i'm used to doing it in main.ts, but this is my first time seeing it, idk if it's actually new

[clear coyote]

It is so that the server.config.ts can extend it

I believe

[strong flicker]

yeah, but i remember in previous versions, there was a link towards it, it's not showing here

[eager hazel]

Nope, don't think there's a direct link to material from angular.io

this is only page I can find that links to it: https://angular.io/resources?category=development

[strong flicker]

standalone by default, yltsi

now it's much easier to explain to someone who's new

jetbrains needs to bring an update asap to support the new control flow syntax

[clear coyote]

Didn't they already?

Pretty sure they had it working before Angular Language Service got it

[clear coyote]

https://fxtwitter.com/yjaaidi/status/1720805272585728217

[strong flicker]

aah EAP, i'm on 2023.2.4

[clear coyote]

Ah

[strong flicker]

i'm getting the EAP now

[clear coyote]

do ittttttt

Man, once Angular auto-imports components and pipes it's game over.

That's the one magic I do like about Nuxt

Oh, and their developer control panel thing is completely 🔥 .

Is there a proper term for that?

Oh, just "devtools"

[strong flicker]

i just tried that, saw a colleague use it the other day, but thought it was just a 3rd party plugin

[clear coyote]

It's cool as heck. Nope, it's part of Nuxt. I wish the Angular Devtools did that instead of just being a Chrome Extension

Maybeeeee one dayyyyyy

[prime ice]

Monster release! Been chugging along since 2.0; this is really exciting times for the framework. A lot of good decisions has been made. Can’t wait to upgrade 🔥

[frosty wharf]

@clear coyote did you see the slides from the NG Poland keynote?

[clear coyote]

I maybe did not. I saw some spicy takes

[clear coyote]

🤤 🤤 🤤 Yes. PLEASE. 🙌

Though I quite think removing the selector is far more spicy than auto-importing

Ahh, and now I see the point. Using the class name instead of the selector. I get it now 😅

Ok, then correction. The most spicy take here is not calling it FullDetailsComponent 😤 I am fuming

" App " 😱

https://tenor.com/view/having-a-nervous-breakdown-sad-crying-gif-13603295

[frosty wharf]

🤣 I never use the Component suffix for components. Always Cmp or nothing

[clear coyote]

The most "pattern" part of Angular is an anti-pattern

https://tenor.com/view/shy-sad-panda-gif-10868331

[placid robin]

noiice, i tried out angular 17, several days ago webstorm didn't like the new syntax at all 😅 ..but i guess i have to wait till webstorm releases 2023.3

[strong flicker]

i used webstorm EAP and it has support for all kind of new stuff, stable release should be at the end of the month, hopefully by then my team has updated, we're on 15 and use signals, standalone components everywhere, so we're already set

[eager hazel]

#what-is-new-v17