#New Angular announcement

1 messages · Page 1 of 1 (latest)

eager hazel
#

We have a lot to share, tune in on November 6th.

💖 1164

solar herald
#

Angular 17

eager hazel
# solar herald Angular 17

Could be, as that week fits with the release timeline.... but I don't think they ever released on a monday 🤔

fickle crest
#

Angular 18 was my first thought haha

eager hazel
fickle crest
#

But thinking a little bit more "Say hello {{again}} to angular" looks interesting

#

Maybe they used {{again}} to add more impact to the text, but, if again (variable) is just "again", you can do just "Say hello again to angular"

#

So, maybe that is a clue about the new template sintax

eager hazel
blissful orchid
#

The missing Angular 3 😅

still sentinel
#

I don't feel excited 😛 please prove me wrong. I've already started refactoring everything to Qwik after Universal has been abandonware for 6 or so years. Even today the non-destructive stuff is still unusable cause of Material. So I know whatever is announced will come with quite a few caveats

#

even if something is announced, it'll probably not be available for 2 majors (1 year). I don't wanna sound like a negative nancy 😛

scenic swallow
#

That’s my birthday!!!

sly pebble
desert ember
clear coyote
#

How the heck y'all sneak something in to open source code for a year and nobody notices 🤔

#

Unless....... this is not open source

fickle crest
#

New schematics powered by AI

#
ng new app shoeStore --standalone --aiGen --aiGenDesc "Create an angular app for my company. We sell shoes, and want login, register, and the basic crud you now, please use rxjs with patterns and clean code"
clear coyote
raven dove
#

I feel it's about a reorientation to utilising Angular due to the many recent changes/improvements. They want to clearly communicate as it seems like an entirely new framework.

fickle crest
#

Can we make requests before the event? @eager hazel haha (sorry for the ping)
There too many good sites to get resources about angular latests updates and how to implement the features, but i think a good collections of videos or any kind of tutorials from the angular team itself can be very helpful

eager hazel
eager hazel
placid robin
#

Excited about angular 17, not so excited about actually upgrading, since you know.....dependencies 😅

fickle crest
eager hazel
fickle crest
#

hahaha

clear coyote
#

I am not excited that right out the gate browser-esbuild is deprecated in favor of the application builder. Can I stick to a SPA for just a little bit before having to dive all in to SSR? 😮‍💨

eager hazel
clear coyote
#

I thought as soon as you changed to application builder you had to start using the express hydration and jazz

eager hazel
#

nope, application builder will be able to build for browser and server targets

clear coyote
#

Interesting

#

Well that's good to know, thanks

eager hazel
#

I saw a conversation on the cli repo a while back about application builder, trying to find it

clear coyote
#

Yeah if you could that'd be great. I coulda swore as soon as I enabled it in the past it started asking for server entrypoint and stuff

#

But without docs it could have totally just been user error

desert ember
#

SSR/prerendering is still pretty much an option on the new builder

#

ssr: true to enable ssr.

#

it's not true by default

clear coyote
#

Ahhhhh

#

Wow, good article @desert ember. Yup, you guys are totally right. Changing "main" to "browser" worked like a charm. User error.

eager hazel
#

@desert ember is it correct that the current browser-esbuild is already a wrapper for application builder (e.g. uses application builder under the hood)

desert ember
#

Yes it's a compatibility wrapper to ease the transition

clear coyote
#

I'm very relieved. Might actually get a good night's sleep tonight 😅 thank you both

desert ember
#

config is closer to the webpack builder but its esbuild under the hood

eager hazel
#

Ok, that was the conversation I reada while back in the cli repo...but can't find it anymore lol

desert ember
#

Happy to help 🙂

steel stratus
#

Angular 17 is gеnеrating a lot of buzz in thе dеvеlopmеnt community and I'm pеrsonally еxcitеd to sее how it continuеs to strеamlinе thе wеb dеvеlopmеnt procеss and еnhancе pеrformancе. Thе previous vеrsions havе comе with imprеssivе fеaturеs, and I'm hoping Angular 17 takеs it еvеn furthеr.

peak narwhal
#

😓 will hmr be a thing... i hope so

frosty wharf
#

So excited for the announcement. Btw, if you want a hint: ||did you really think I was gonna spoil? ❤️|| (but shhhhh you didn't hear it from me)

fickle crest
#

🤣

fickle crest
#

A friend said this to me: Angular Native was going to be the surprise

#

a way to create mobile app for ios and android using angular

#

hahaha

kind glade
fickle crest
#

🤣

eager hazel
# fickle crest

If I was anyone else, i'd be worried if that name showed up there 😬 🤣

hexed vector
#

Angular 3! (Not the version but as the name)

Or Maybe Angular Definitive Edition 😄

kind glade
#

Angular Next, with sql pipe:

<app-cats [cats]="'SELECT * FROM cats' | sql"></app-cats>
fickle crest
#

We need more hints, We need a Hero.... a leaker haha

eager hazel
fickle crest
#

hahahaha

eager hazel
#

Oh, I wasn't talking about myself. If i say anything, Emma will track me down 😅

fickle crest
#

hahaha

#

Currently the video has 21k views, 10k are me watching a 0.25x speed finding some clue hahaha

#

I found the hint!!!!

#

Angular team will release a sound track LOFI Electro Beat for angular developers hahaha

eager hazel
#

You know about those Beatles songs that if you play them in reverse they contain a message?

fickle crest
#

Reverse hahaha

eager hazel
#

I already said too much...

kind glade
kind glade
fickle crest
#

Maybe that is latin

#

🤣

kind glade
fickle crest
#

😱

#

Using some video editor, decrypt tools and chatgpt 4.5 i found this.... the special event will be on november 6 😱

clear coyote
#

Renaissance, eh? Angular is moving to modern practices? This can only mean one thing

eager hazel
# clear coyote

You're already surrounded by Rust code, you just didn't realize...

Our bot... I'm talking about our bot @mighty thunder (written in Rust BTW 🤣 )

#

Before people start asking why...

I'm so cheap, that instead of just paying for hosting for the nodejs bot, I'm now rewriting the bot in Rust because I found a free hosting solution for Rust apps

clear coyote
#

The funny thing is it could actually be done.... It would just wind up as 'SELECT * FROM cats' | sql | async. Let's not make this a thing.

fickle crest
clear coyote
#

It could return an HTTP request, I think you'd need the async pipe as well to resolve it

#

Ope, there goes the channel icon

fickle crest
#

LOL

#

new angular icon XD

eager hazel
#

@formal berry spilled coffee over his keyboard while he was on the server admin page. Give it a week, it will sort itself out

kind glade
#

The Sphinx just bought Angular

eager hazel
#

Or the Riddler in the rest of the world 🤣

fickle crest
#

🤣

#

Imagine people joining the Discord and seeing the icon; they'll feel like they've joined the wrong place and leave, haha.

This happened to me on April Fools' Day when they changed everything on the pygame (Python framework) server to Unity, and I was thinking, 'When did I join Unity?' Literally, all the channels were talking about Unity, haha.

eager hazel
#

We once had the successor of angular for april fools: bangular good times

kind glade
#

With inner i18n for Spanish people:

<p>¿¿title??</p>
clear coyote
#

Angular Server Components

#

“ASC”

#
@Component({
  ...
  server: true
})
formal berry
clear coyote
#

Heck, maybe it IS a rebrand to get away from the AngularJS stigma. Is it a question mark because it's no longer an "A"? 🤔

desert ember
formal berry
#

Qangular

kind glade
#

That's the best solution to get rid of those AngularJS 16 blog posts

clear coyote
#

Bangular please 🙏

eager hazel
eager hazel
#

Never forget: #off-topic message

#

For people curious about bangular, see: #announcements message

clear coyote
#

Replaced @Directive with @Plea

ok 😂

kind glade
#

@fickle crest if you reverse play the teaser, you'll hear Minko whispering to you, or Boney M.

eager hazel
#

Most likely Boney M

mild rampart
#

React is merging with Angular?

eager hazel
#

I'm surprised no one mentioned Naxt yet...

mild rampart
#

NaxtJS

desert ember
eager hazel
desert ember
#

🤦‍♂️

fickle crest
#

enyiexti that aio hahaha

clear coyote
#

Seeing a lot more hype over Angular than I am for the Apple event right now 👀

eager hazel
#

but it was funny lol

desert ember
#

How do they say in the UK if some swears on tv ?

eager hazel
#

PG-rating?

formal berry
eager hazel
#

hehe

desert ember
eager hazel
#

Best thing about bangular is that it supports CORS out of the box. What a time to be alive bangular

fickle crest
#

hahaha

onyx mantle
#

I think whatever it is will also make the logo blue. that's my wild speculation from the teaser video.

desert ember
#

If you pause on the right frame

#

You might be onto something 👀👀

kind glade
desert ember
#

It's like twitter blue

#

Angular with subscribtion maybe

#

Oh wait you can already subscribe.

#

... an observable 🤣

clear coyote
#

But red things go faster

#

And also makes you hungry

clear coyote
#

OMG

#

THE QUESTION MARK IS PURPLE

Red and blue, maybe you’re on to somethin 🤔

strong flicker
#

i saw a sneak peak a few weeks ago on linkedin, but that's probably public knowledge by now, which make me believe they have something else up their sleeves 👀

fickle crest
#

"You will never see Angular the same way"

#

omg

clear coyote
#

AngularJS was initially released almost exactly 13 years ago on October 20 2010. And now folks, we may witness a rebirth ⭐️

robust sandal
vast dock
#

They're about to join forces with React and call it Reangular

hoary meteor
#

Functional components in angular maybe?

sly pebble
#

Say hello {{again}} to Angular
It's gonna be AngularJS 2.0, back from the dead ngquestion

sly pebble
keen prism
#

My guess 🤔 ? They are going to annonce Angular Light, which is basically a version of Angular that only accepts standalone + signal components. It automatically removes zonejs from the bundle.

keen prism
hollow escarp
#

@white galleon

formal berry
#

Diet Coke ><

clear coyote
frigid junco
#

react merger?

clear coyote
#

Partnering with Vercel

formal berry
frigid junco
#

oh sorry

#

vue merger?

formal berry
#

Same deal

clear coyote
#

Svelte merger?

#

say it

#

say it

#

SaY ITtttt

formal berry
kind glade
clear coyote
eager hazel
#

Anyone know a good resource to refresh my Ruby on Rails knowledge? 😬

clear coyote
#

Also ChatGPT

eager hazel
rotund idol
#

These kinds of announcements cause me so much anxiety.

#

I like the Renaissance, but it sounds like breaking changes.

clear coyote
#

Angular is very careful about backwards compatibility, even if it means temporarily being less opinionated on a single way to do things. The rest they provide migration schematics for.

I can't imagine they will do much without an RFC for any programmatic changes, I think this is something.... bigger.

#

Just gotta make it thru till Monday 😮‍💨

mild rampart
#

I think just a rebranding. New name, new website, better docs.

kind glade
clear coyote
clear coyote
# mild rampart I think just a rebranding. New name, new website, better docs.

I'm banking on a rebrand also. Better docs would be neat, would love a dirt-simple "getting started" tutorial like the other frameworks. The Tour of Heroes is ok, but I mean something with big red (blue?) buttons that say:

"CLICK HERE TO LEARN HOW TO PASS PROPS"
"CLICK HERE TO LEARN HOW TO INTERPOLATE IN THE TEMPLATE"
"CLICK HERE TO LEARN HOW TO USE TRANSFERSTATE"

mild rampart
#

Another idea. Merge with ngrx, analogjs

clear coyote
#

Would be the key to more adoptability I feel like. The best (only, in some cases) examples come from third parties.

clear coyote
#

Which means Nitro, which means no more Express. Which to make it backwards compatible probably means a plugin system which I think has already been discussed by exposing some esbuild

kind glade
eager hazel
clear coyote
kind glade
eager hazel
calm sundial
eager hazel
clear coyote
calm sundial
eager hazel
clear coyote
#

Ah, "binding". My mistake, I found it 🥲

kind glade
clear coyote
#

You want adoptability you gotta use the lingo

kind glade
#

I agree, always talking about props during workshops/talks so it makes sense for people from different backgrounds

clear coyote
#

Even more complicated, Web Components / HTML itself calls them "attributes".

clear coyote
#

What is this "FOR ROOT" nonsense

mild rampart
#

As long as I can do my work, create great apps without too much hassle, I’m happy.

little folio
clear coyote
kind glade
little folio
mild rampart
desert ember
#

Haven't wrote JS in years

little folio
#

I once kept fixing tags on StackOverflow, but kind of gave up on that

clear coyote
#

And most of them are talent managers who put it on job descriptions 😅

cursive gulch
eager hazel
clear coyote
#

Now about that tutorial comment…. 👀

fickle crest
#

Something funny would be that all people have speculated so many new features, and in the end, it's just a logo change hahaha

desert ember
#

We're already spoiled by v17

#

Local CD just landed (almost out of nowhere)

eager hazel
fickle crest
#

hahahaha

cursive gulch
#

I would love for it to be functional components. But I think it might be something cooler than that.

fickle crest
#

hahaha

#

do i need to pay to get the secrets of angular v18?

desert ember
#

You can sponsor me but I don't know much yet about v18

#

still looking for a new feature to work on 😁

#

lol

fickle crest
#

🤣

eager hazel
#

v18: Angular as a Service - pay per component

desert ember
#

I like Angular Server Side

eager hazel
#

yes, pronounced ass

desert ember
#

if you ask me

fickle crest
#

ass with ads

eager hazel
#

Now I probably have to add ass to the bot's word filter...

fickle crest
#

🤣

desert ember
#

ASS

#

Bot is cool

#

thx

eager hazel
#

bot's only cool because I didn't add it... too much risk of false positives

#

but i can ban manually...

desert ember
#

^^

eager hazel
#

😉

kind glade
desert ember
#

I'm so very active on the component side

#

I've like 3 merged PR ^^

fickle crest
#

Will the surprise have CORS?

desert ember
#

OF CORS

fickle crest
#

hahaha

little folio
#

Slightly offtopic, but thanks for the blog posts @desert ember

desert ember
#

You're welcome 🙂

sly pebble
jade crescent
#

Is $scope getting a comeback?

eager hazel
eager hazel
clear coyote
jade crescent
#

nicec

fickle crest
#

Another day

#

Is time to theory crafting

#

@eager hazel Angular will release a NFT

fickle crest
eager hazel
jade crescent
#

wonder if it's this "The Angular renaissance"

eager hazel
#

Wouldn't be much of a surprise, there have been multiple tweets about it already.

mild rampart
eager hazel
mild rampart
#

Reminds me of how Vue had this doc about how it all started and how it was going …

eager hazel
#

Yeah, i think it will be something similar (React also had a documentary)

fickle crest
#

this must be huge

#

i don't think angular ping most frameworks just to change logo color XD

fickle crest
#

🤣

eager hazel
#

JQuery missing from that image is the hint for today

fickle crest
#

Oh My God

#

🤓

#

Ohhhh instead of @View('#something') you will be able to $('#something')

#

Imagine the posibilities...


$('#something').on('change', (e) => {
//here you can listen to change inside your component class
  state = newState
})
clear coyote
#

No Astro, no Qwik, no Fresh

#

Wait..... why is Angular.JS and Vue the same person?

little folio
#

I wonder if this event is mostly for all who have been away from Angular, or never used it. So maybe one new thing we don't know about, and the rest will be about what we already know, such as signals, control flow, ...?

clear coyote
#

No doubt that's half of it, though I think signals already made their rounds thru social media influencers

clear coyote
#

Uh guys maybe it has something to do with Svelte

clear coyote
#

They were working on this for a year, maybe Svelte’s runes were a side-effect of Angular’s signals / collaboration 🤔

mild rampart
#

Merging Angular with Qwik would be AMAZING

light wigeon
#

Plot twist: this is just a way for the Angular team to gather ideas about Angular users' wildest dreams

glass salmon
#

Please no breaking changes

desert ember
clear coyote
formal berry
clear coyote
#

And what are the odds that Svelte comes out with "Runes" while Angular talks about "Renaissance". Both medieval period buzz words.

formal berry
fickle crest
#

@eager hazel Angular created a trend "stay tunned" trend haha

#

The owner of the Angular account should comment there hahaha

eager hazel
#

Yes, the auto ban functionality for accounts starting with a V is about to land \o/

fickle crest
#

Thanks God my account doesnt start with V XD

formal berry
#

Let's fix that.

eager hazel
#

that's only your display name... good try though 🤣

fickle crest
#

Well before get ban, i will leak something .....

formal berry
#

You should see a doctor for that, not tell the world.

fickle crest
#

hahaha

formal berry
#

oh yeah, I updated discord to see if they fixed the console window bug

#

time to see if I crash + get signed out

#

Yep lol

fickle crest
formal berry
#

unlimited super reactions?

eager hazel
#

Free nitro for everyone to stick it to those scammers!

formal berry
#

lol

#

oh hey you can steal emojis now lol

#

hmm

#

you lie

brittle umbra
#

Does somebody else prefer the Svelte way syntax rather than the one they have chosen?

little folio
#

I have no preference, at least for me @ is way faster to type (non eng keyboard)

fickle crest
#

Where is the box for this channel? hahaha

formal berry
fickle crest
#

Did you buy a bird? hahaha @formal berry

#

A "canary"

fickle crest
#

hahahah AI joke

clear coyote
#

Ah, X’s Angular cousin - “A”

cursive gulch
#

Is Angular turning into a FullStack Astro type of deal? Idk could be cool.

mossy pollen
mortal zodiac
#

I just hope it is not: "Angular 17 drops typescript" turbo 8 style announcement 😂

desert ember
little folio
desert ember
#

It definitly works !

#

But the DX is inferior to framwork only apps.

little folio
#

I know it works, but is it worth it? Had trouble with CDK overlay

#

(only did a prototype so far)

clear coyote
#

Wordpress as a "BaaS" approach

little folio
#

Sort of trying to avoid SSR, but I get what you're saying

clear coyote
# little folio Sort of trying to avoid SSR, but I get what you're saying

Something like Astro with the Analog plugin might be better suited if you're trying to avoid SSR then. But yeah as you're probably aware you'll need server rendered for any good SEO which I imagine is a requirement if you're using Wordpress at all.

Using the PHP rendering out of Wordpress is a good idea in order to keep it all as 1 project and make it shippable as a Wordpress template, but i've been bit before by it. I think Wordpress' SDK is React if I remember correctly

little folio
clear coyote
#

Possibly, but I think we've sufficiently exhausted all possibilities for what we think the announcement will be. Only time will tell.

formal berry
#

Have you?

mild rampart
formal berry
#

Hint: jQuery is missing from the teaser image. 🤔

clear coyote
#

jQuery wasn’t invited

#

jQuery isn’t part of the family

formal berry
#

I fondly remember AngularJS dependencies.

clear coyote
#

jQuery isn’t an ESM framework

mild rampart
#

More interesting Qwik is missing. Best candidate for a merge. Qwik is amazing

clear coyote
#

Neither is Astro

#

And I still don’t get why Angular.js and Vue are the same bro

formal berry
fickle crest
#

I just discover that medium clap is not a like instead you can send a lot of claps hahaha

#

+10 claps to a post XD

mortal zodiac
#

Signal based overhaul to reactive forms?

frosty wharf
frosty wharf
frosty wharf
robust sandal
mortal zodiac
#

I certainly wish for reactive forms to be signal based but no less important is disconnection of CVA from the component

frosty wharf
#

What does "disconnection of CVA from the component" mean?

mortal zodiac
# frosty wharf What does "disconnection of CVA from the component" mean?

Currently once using CVA with internal validations you must render the component for the validation to take place. In regular reactive forms you can remove the html while retaining the form model (validation, state) but with CVA this isn't possible. For example a CVA for date range which has inherent range validation

frosty wharf
#

Hmm, interesting. Naively I would say "CVAs shouldn't ever be doing validation". But they do need to solve a related problem: how to map invalid values onto a particular UI control.

If you have a date range control and you set the starting date to "purple", then yes, the form is in an invalid state and we should show an error, but also, what should the range show if it can't represent "purple" as its current state?

mortal zodiac
#

Hmmm I am not sure purple is a good example. My form is split into tabs which o don't wish to render all (10 tabs with big forms inside). So let's say the user change from to be larger than to which is invalid but state wise doable. Then he moved to another tab and reset the form. The form stays invalid. There are many places which the value is invalid but state wise possible (max number for example) and an error is shown under the form control

#

If CVA should never have validation how would you create reusable form parts? All the known ways usually have the same "can't remove" problem because the form gets connected on component creation

little folio
mortal zodiac
#

Another option is announcing a way to type narrow signals used in @if for further usage inside the @if (for example when doing unionSignal().type === 'test')

desert ember
mortal zodiac
#

@desert ember let me have hope it will be solved soon

desert ember
#

That'd be great yeah

clear coyote
#

Well this weekend sucks. I just want it to be Monday 😅 gosh dang it

#

Y u do dis

little folio
#

What time is the event at?

desert ember
#

19 CET

#

That's 13ET, 10PT

clear coyote
#

You Europeans and your 24 hour times

#

Says it starts at noon for me, 18 CET

#

Ope wait, that’s CDT

#

I’m strugglin

#

6PM CET

#

Which is…. 18

#

That was stressful

desert ember
#

Nah 19h

clear coyote
#

😵‍💫

desert ember
#

DST ends tomorrow in the US

clear coyote
#

Ooooh, touché

#

Ok. You right.

desert ember
mild rampart
clear coyote
#

Yeah, yeah 😩 don’t worry, i don’t blame you for being wrong 😉

mild rampart
clear coyote
#

Ok though, metric makes WAYYYY more sense than imperial. I’ll admit we’re in the wrong there.

#

Catch y’all Monday in the YouTube chat 👋

Be there or be 🟥

little folio
#

I just had to make sure, so the plumber doesn't come when stream starts 🤭

fickle crest
#

only 3 days more....

frosty wharf
fickle crest
#

Perfect, an Angular team member hahaha

#

Please @frosty wharf don't make Angular similar to React hahaha

#

i read too much comments everywhere about making Angular looks like React

#

🤣

formal berry
#

Alex isn’t a GDE 🤣

#

I mean, he could be… if he wasn’t on the Angular team

fickle crest
#

oh yes you are right

#

even i remember "red color, angular team" hahaha

#

but write GDE

formal berry
#

GDEs are yellow 🙂

frosty wharf
#

Yeah, I'm not eligible for the GDE program sadly

fickle crest
#

I mean, you have too much power haha

formal berry
#

I wish I was cool enough to be a GDE

#

Heck I just wish I was cool enough to be @eager hazel

fickle crest
#

I wanted to be a GDE too, but creating theories about angular 18 not counts

formal berry
#

Yeah. You’re like… super cool.

formal berry
#

^ this is what our DMs look like, if anyone’s curious

eager hazel
#

it's a bit more:

formal berry
frosty wharf
fickle crest
#

Well if you put the stay tunned video on reverse at 0.00005x speed you can see .... hahaha

#

Well i just saw:

Angular lightblue logo (what is light and blue? lightblue haha) (no idea about this)
Angular green logo moving to left back and forward (animations?)
Angular red logo shaking (faster build, tree shaking?)
Angular black logo (material?)

#

{{ again }} new template sintax maybe

frosty wharf
#

Oooh, these are fun theories

#

(what is light and blue? lightblue haha) (no idea about this)
TypeScript logo? Webpack logo?

fickle crest
#

Oooh a new typescript superset called Angularscript

#

Can be webpack you are right

#

Now that i think... why red mixed with purple? @frosty wharf haha that is curious

#

I don't it will be Angular + Rxjs xd haha

frosty wharf
#

The React logo is also light blue....

fickle crest
#

Victor Alvarado left the group

fickle crest
#

Victor Alvarado join the group

#

hahaha

#

Flutter.... is light blue

#

Angular native confirmed

clear coyote
#

ngpack ⚡️

fickle crest
frosty wharf
#

Hehehehe

#

ngrsc, the Rust Angular compiler

#

which definitely doesn't exist

fickle crest
#

Maybe the purple is... web assembly

frosty wharf
clear coyote
#

ngzsc confirmed

fickle crest
# frosty wharf

If you just create that for make a joke was insanely fast haha

#

The sad thing about the special event is that we need to find a Time machine to watch it....

#

😫

frosty wharf
#

I'm fast at making joke screenshots

fickle crest
#

🤣

fickle crest
#

new compiler confimed

clear coyote
#

They’re moving to JSDoc, there is no compiler 🫢

fickle crest
frosty wharf
#

It's amazing how quickly ChatGPT can come up with realistic code examples

fickle crest
#

🤣

frosty wharf
#

LOL

formal berry
fickle crest
formal berry
#

Where's the red?

fickle crest
clear coyote
eager hazel
fickle crest
clear coyote
eager hazel
#

You know that creating ngquestion took months of planning and designing, not something you would only use for a week

fickle crest
fickle crest
#

2 days left

mortal zodiac
#

Why signal effects are in developer preview in v17?

desert ember
#

Some edge cases need to be sorted out. API is likely stable at this point.

mortal zodiac
#

Other speculations:

  1. Local variables declaration in template
  2. Async providers
  3. Styles in directive
desert ember
#

Local variables will never happen. It break the signal reactivity model.

#

@if has an alias just for the sake of compatibility with ngIf and to ease the migration.

#

(else if hasn for example)

mortal zodiac
#

Every non primitive signal gets you kind of stuck in template (same as code) unless you use an intermediate variable

#

And creating endless nested casted computed isn't the best imo

desert ember
#

Why stuck ?

#

What other issues do we have outside narrowing ?

mortal zodiac
#

When using pre configured computed doesn't always make sense based on context

#

A good example is disabled check (one for button and the opposite for tooltip when button disabled) - perfect for computed unless the check is specific to the flow you are in (after some ifs in the template). The computed would either repeat those checks or ignore them and sometimes might be in a weird state

#

Anyway maybe it's just me trying to avoid many small computed in component for specific places in template which aren't always used

desert ember
#

I'm trying to understand why a computed here ? shouldn't you just negate the value ?

mortal zodiac
#

Well some signal accesses are: signalVal().nested.here.value

desert ember
#

!signalVal().nested.here.value still works

#

what's the issue here ?

mortal zodiac
#

Ye of course... But think of a larger example:
signalVal().nested.here.value > 5 && signalVal().nested.here.value < 30

#

I would love to create a variable called isDisabled and negate it

mild rampart
desert ember
#

In JSX you'd likely created a new component just for that.

#

But I get your point

#

very verbose

mortal zodiac
#

Indeed - but then sometimes this check is relevant logically just inside a specific if and another check in the else. So I create two computed - one for the if and one for the else in the component

#

So I kind of lose the connection to context

#

And the computed gets called - isDisabledIfSomething

mild rampart
mortal zodiac
#

Except from splitting to components you can easily lose your hands when looking at those computed. Unless you express the control flow template check in the name

#

And I am not sure it's a good motivation to split to components - or am I wrong here?

mild rampart
# mortal zodiac And I am not sure it's a good motivation to split to components - or am I wrong ...

Beauty is in the eye of the beholder. So many people, so many choices, so many wishes, so many tastes. I think we’re given a great toolset and it is up to you to decide on how to implement them. Don’t make it too hard for yourself here. I think Angular is already much more opinionated than any other framework, but gives me room enough to decide where to bundle and where not. Which is great! 🅰️

mortal zodiac
#

I agree angular is great! It started from local variables talk so shared a few places that in code I just create a variable and use twice and in template I can't

#

It's also sometimes a question about change detection - whether computed for every little thing is better than template access

#

Like sig().nested.value vs sigNestedValue()

desert ember
#

With the latest changes in v17, small components + signals will improve CD performance

mortal zodiac
desert ember
#

Depend who often will that template part be repeated

#

Yes component have a "base cost"

#

(talking about bundle size here). but again with lazyload, it's not as important as it was before

mortal zodiac
#

Oh I was talking on performance impact on render

#

I mean render 100 components vs 100 divs

mortal zodiac
desert ember
#

there is no absolute answer to that.

#

having a long chain after the signal, has no cost

mortal zodiac
#

Fair enough - same as pipes then

#

One more limitation of signals and computed is dynamic values

#

Like ngFor variables mixed with signals for heavy operation I want to use computed for

desert ember
#

Can you illustrate what you're referring to ?

mortal zodiac
#

Let's take the check from before

mortal zodiac
#

Now imagine the 5 is the item in @for

#

You can't use computed anymore

#

@desert ember

@for(num of numbers) {
<div [tooltipDisabled]="!(signalVal().nested.here.value > num && signalVal().nested.here.value < 30">
  <button [disabled]="signalVal().nested.here.value > num && signalVal().nested.here.value < 30"></button>
</div>
}

Annoying...

#

The best you can do is:

@for(num of numbers) {
<div [tooltipDisabled]="!(signalNestedHereVal() > num && signalNestedHereVal() < 30)">
  <button [disabled]="signalNestedHereVal() > num && signalNestedHereVal() < 30"></button>
</div>
}
desert ember
#

I see.

mortal zodiac
#

Maybe some abomination of pipes with dynamic computed can solve it... although I am not sure

#

In this case you could call a function in the template twice that does that check... But if that check involves array iteration this isn't a good idea anymore

#

Hence the requirement to somehow express intermediate variables in template

clear coyote
#

I just can't live without my RxJS 🥲

mortal zodiac
#

Well maybe in some distant future we could do @declare name = value although I am not sure that's something that is desired. It could even be a local computed if that's even possible

clear coyote
#

Less than 2 days now. But, you know, who’s counting. Definitely not me.

fickle crest
#

Michael is counting

eager hazel
fickle crest
#

😮

#

how you do that?

#

{{ date }}

#

echo $date;

fickle crest
#

print(date)

fickle crest
#

its not working hahah

#

<t:1686506400:d>

#

perfect hahaha

#

June 6 six

#

🤣

clear coyote
#

Minutes, @eager hazel, I need to know the MINUTES left 😮‍💨

eager hazel
#

and there will be a post tomorrow with a countdown... but you didn't hear that from me... 🤫

clear coyote
#

Or hey, could convert it to Angular! The app itself is like 3 reused page views, no problem!

#

Tons of YouTube tutorials everywhere for clones, we ain’t reinventing the wheel here

desert ember
#

What are your Top 5 features for v17 (that we already know of ?)
For me I'd say:

  1. Deferrable views
  2. Application buidler
  3. Local CD
  4. Animation lazy-loading
  5. New template syntax
light wigeon
little folio
#

I read about application builder, but still don't understand what the advantages are. Local CD and new syntax win for me

desert ember
#

the application builder is the new all-in-one default builder based of esbuild.

#

For benchmark I've seen, build time is cut in half in comparison with the webpack builder

#

The all-in-one allow easy SSR & prerendering setup

little folio
#

I'll have to try it out

#

although we don't really use SSR much, one project uses it, another only on dev server as it's too unreliable

desert ember
#

The esbuild builder has been improved a lot, which is why it is now stable and the default one when creating a project with the CLI

mortal zodiac
#

Can application builder fix transient dependencies not tree shaked?

desert ember
#

AFAIK transient or not doesn't impact tree shaking.

clear coyote
#

1 day left.

#

I hope other framework devs actually do attend, hope it gets the hype it deserves

mortal zodiac
clear coyote
cerulean nacelle
#

Im hyped so much

mortal zodiac
#

Actually that's pretty weird... Any way to get around it?

desert ember
#

Esbuild doesn't fix this no

#

That why the animations async feature had to be in a separate secondary entry for example

mortal zodiac
#

So a library with multiple util functions needs lots of secondary entries

desert ember
#

angular Material has a lot of secondary entries for that reason I believe

#

(improving tree shaking)

little folio
#

We did the same for our UI library, but never went to check what the benefits were

mortal zodiac
#

The problem is for best results you need each and every function to be an entry

#

A shame it can't be automatically tree shaked

#

Here is a feature for angular 17!

little folio
#

we weren't looking for the best, but just good enough. Before whole UI lib had one entry point, and some projects used only one component from it 😦

clear coyote
eager hazel
clear coyote
eager hazel
#

Anything over 23 hours will be counted in days (so still plenty of opportunity to join discord and make a difference 😉)

fickle crest
#

Only 21 hours left 😭

formal wave
#

I have no idea and I am excited to know

fickle crest
#

Only 18 hours left 🥳

clear coyote
#

16

gilded aspen
clear coyote
#

15 😐

gilded aspen
#

Hopefully you all enjoy tomorrow! Someone mentioned this being for non-Angular devs, and that's definitely a target audience, so some of the info might be well known... but we still have a few tricks up our sleeves 🙂

clear coyote
#

14

#

(That was a quick hour but I’ll take it)

#

(Not that I’m constantly checking the announcement)

#

(Cause I’m totally not)

fickle crest
#

I almost write 14, but you win hahaha

fickle crest
fickle crest
#

I was feeling a bit sad because the event was scheduled my during work hours, but surprisingly, tomorrow is a holiday, so I'm excited and won't miss anything. Haha!

clear coyote
fickle crest
#

I thougth "Poor Angular developers must be going crazy programming everything we request just one day before" hahaha

#

later read "sleeves" and all take sense hahaha

fickle crest
#

13

#

@clear coyote 😉

clear coyote
formal berry
#

inb4 12

clear coyote
#

Gonna need the other side of the world peeps to keep track of that countdown for me while I snooze, aight?

#

Don’t let it slow down 👀

#

Sure wish I could just sleep for 12 hours.

fickle crest
#

12

light wigeon
fickle crest
mild rampart
#

Ok…. I’ll do it. 🎉 11 🎉

mortal zodiac
#

Wait so does that mean there are no new stuff other than what we know? And the surprise is for new angular devs?

fickle crest
#

There are news for both new and old developers

#

the non-angular developers are a "target" audience, not the only target audience

light wigeon
fickle crest
#

🤣

light wigeon
#

Breakfast got me

light wigeon
#

10 ✨

fickle crest
#

9

desert ember
#

9gular

fickle crest
#

8

#

Going to sleep, someone keep going

light wigeon
echo crater
#

So the announcement is a collab between angular and flutter to build truly cross platform applications? im sure if angular was still based on dart (and not the internal google version of angular that uses dart) then this would happen...

light wigeon
eager hazel
# fickle crest Finally a hint.... Not like you <@287196105920217090> hahaha

Seems someone forgot to read the fine print disclaimer again... why do we even bother posting disclaimers 😞

ᵃⁿʸ ʰⁱⁿᵗˢ ᵍⁱᵛᵉⁿ ᵇʸ ᵃⁿᵍᵘˡᵃʳ ᶜᵒᵐᵐᵘⁿⁱᵗʸ ᵈⁱˢᶜᵒʳᵈ ˢᵗᵃᶠᶠ (ᵃᵈᵐⁱⁿˢ ᵃⁿᵈ ᵐᵒᵈᵉʳᵃᵗᵒʳˢ) ᵃʳᵉ ᶠᵒʳ ᵉⁿᵗᵉʳᵗᵃⁱⁿᵐᵉⁿᵗ ᵖᵘʳᵖᵒˢᵉˢ ᵒⁿˡʸ. ⁿᵒ ʳⁱᵍʰᵗˢ ᶜᵃⁿ ᵇᵉ ᵈᵉʳⁱᵛᵉᵈ ᶠʳᵒᵐ ᵃⁿʸ ᵒᶠ ᵗʰᵉˢᵉ ʰⁱⁿᵗˢ, ᵉᵛᵉⁿ ⁱᶠ ᵗʰᵉʸ ᶜᵃᵐᵉ ᶠʳᵒᵐ ᵗʰᵉ ᵇᵉˢᵗ ᵃᵈᵐⁱⁿ ᵉᵛᵉʳ.

frosty wharf
#

Hints from the Angular team, however... ||actually you can't trust us either 😛||

eager hazel
#

I think I will start working on updating some of our bot's / commands, for no reason whatsoever 🥸

light wigeon
#

6!

light wigeon
#

H - angular angular angular angular angular

eager hazel
#

missing a half logo there...

light wigeon
eager hazel
eager hazel
#

the last hour, the countdown #angular-announcement will be displayed in minutes... don't tell me I have to create 60 emoji's

light wigeon
eager hazel
clear coyote
#

Dang it, woke up too early 😬😂

light wigeon
clear coyote
eager hazel
#

Elevator music and elevator jazz with three (3) hours of jazzy elevator music and elevator jazz music. This jazz elevator music and chill elevator music of elevator jazz and elevator music instrument is from my various Modern Jazz and Bossa Nova Jazz Albums. Perfect for lunch or dinner parties or just chilling out. Please download these songs a...

▶ Play video
formal berry
#

because... now 4

eager hazel
#

just let it play on repeat... sigh

formal berry
#

@clear coyote is jumping the gun

#

but then it's 6 hours!

eager hazel
formal berry
#

don't put this on me

formal berry
#

3h51min

light wigeon
formal berry
#

Sure

#

why not

#

always could have

#

just never did

sly pebble
#

I am expecting a big production like Apple keynote, anything less will be a big disappointment 🤣

clear coyote
#

I want every single freakin YouTube influencer tomorrow to have to make a video saying “ok, guys, I was wrong and we need to give Angular a try.”

light wigeon
#

I want that rebranding to happen, with the logo

#

Any pun will do

robust sandal
sly pebble
clear coyote
light wigeon
#

I'm asking ChatGPT for help

robust sandal
#

3 hrs 30min to go ngquestion

clear coyote
formal berry
#

@gilded aspen, there are high expectations. Good luck!

robust sandal
formal berry
#

Glad I’m not them 🤣

sly pebble
formal berry
#

I just run this little dinky Discord server

#

Oh no, my crown went away. 🤔

#

It’s probably because I gave @eager hazel those event permissions. 😡

light wigeon
formal berry
#

Michael, look! Rust!

light wigeon
#

So much for the alphabetical order

little folio
#

I'm just considering doing a tiny project with Rust (now sure which framework yet) + Angular. The problem being I haven't touched Rust in 5 years. Sometimes I'm my biggest enemy

#

I guess with Angular getting easier and easier I have to find challenges elsewhere

strong flicker
#

does anyone know if components will be standalone by default in the new version?

clear coyote
light wigeon
formal berry
#

C#

light wigeon
little folio
clear coyote
frosty wharf
#

Wooooooo!!

light wigeon
frosty wharf
#

I can't wait to find out what's going on

formal berry
#

Me too

little folio
formal berry
#

@frosty wharf is now a ngquestion

frosty wharf
#

😂

light wigeon
formal berry
#

everything is a clue

#

Yall are missing the biggest clue

strong flicker
light wigeon
#

server
Confirmed: this is about Angular becoming a backend framework

formal berry
light wigeon
strong flicker
#

I'll watch the announcement and try to make a summary video with my native language

light wigeon
#

I'll be so mangulard if the reveal shows something that is obvious and we all missed for all this time

scenic spade
#

Or some poopy corporate rebranding

light wigeon
strong flicker
scenic spade
#

AngularJS logo > current one. I do appreciate a good rim job.

strong flicker
light wigeon
scenic spade
#

Please talk so that message gets forgotten.

light wigeon
#

And it was not a clue but its final form already

strong flicker
sly pebble
clear coyote
#

Try-Angular. Plot twist, nobody does 😨

#

dangular dangular hours left

light wigeon
#

Can't wait for the minutes countdown

fickle crest
#

How much time left?

robust sandal
#

1 and half hour

little folio
formal berry
#

@clear coyote your turn

light wigeon
#

That’s some dedication there

eager hazel
#

Wait's almost over folks... get ready for the minute countdown <t:1699293600:F> - <t:1699293600:R>

clear coyote
formal berry
#

Imagine if there was seconds

#

@eager hazel make it happen

eager hazel
formal berry
#

😢

#

Oh hey, my crown is back

#

or maybe it's not visible on mobile

eager hazel
#

was never gone for me

formal berry
clear coyote
#

4️⃣ 0️⃣

frosty wharf
#

So excited!!

clear coyote
#

3️⃣ 5️⃣

formal berry
#

Loving it @clear coyote

little folio
formal berry
#

Assuming... bold of you

#

Do you not see the ngquestion next to his name?

desert ember
frosty wharf
#

@desert ember how long is your delay?

desert ember
#

ATM 35min

#

Enough to see the live 😄

clear coyote
#

3️⃣ 0️⃣

desert ember
#

2️⃣9️⃣

clear coyote
cerulean nacelle
#

hype hype hype

clear coyote
#

I'm used to Amtrak 😁

eager hazel
#

try to beat the bot

formal berry
#

there's @eager hazel, showing off his toys again

desert ember
formal berry
#

🤣

clear coyote
#

I stayed in Brussels for a week to attend an Odoo conference for work. Almost took the train to Paris for the day. Shoulda 😅

desert ember
clear coyote
#

2️⃣5️⃣

#

dang it

robust sandal
#

2️⃣3️⃣

clear coyote
#

"self-assign yourself a role to be reminded by the bot when a minute has passed"

eager hazel
cerulean nacelle
#

hype hype hype hype hype hype

clear coyote
#

Hook'r on up to autopay

#

2️⃣0️⃣

clear coyote
#

Guess I should head over and save my seat in the YouTube lobby

#

1️⃣ 5️⃣ 🔥 🔥 🔥

#

"Rest assured v17 will come with 0 API changes"

#

1️⃣ 0️⃣

cerulean nacelle
#

9️⃣

clear coyote
#

8️⃣

cerulean nacelle
#

7️⃣

cursive gulch
#

After this I am ignoring JavaScript announcements for 9 months haha

cerulean nacelle
clear coyote
cerulean nacelle
#

I had to work once with a react library with that JS, worst developing experience

clear coyote
#

6️⃣

#

Sweet, we got 2!

#

We broke it!

eager hazel
#

great, I'll send you the bill to fix it

formal berry
#

boop

#

boop

cerulean nacelle
#

5️⃣

formal berry
#

hah

#

i broke it better

#

boop

#

boop

#

boop

#

awww

frosty wharf
#

!!!

cursive gulch
clear coyote
#

4️⃣

cerulean nacelle
#

3️⃣

clear coyote
#

Wow, I get my decision on tree emojis whether I want deciduous or evergreen. What a time to be alive

cerulean nacelle
#

2️⃣

formal berry
#

NOISE

cerulean nacelle
#

1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣ 1️⃣

strong flicker
#

👀

eager hazel
#

look @formal berry... seconds

formal berry
#

Yeah but I wanted seconds > 1min

#

fail

#

❤️

cerulean nacelle
#

0️⃣

clear coyote
#

OH NO IT COUNTS UP

sly pebble
#

👏

cerulean nacelle
#

Duuude that new documentation

robust sandal
strong flicker
hardy gull
mild rampart
#

Nice

cerulean nacelle
#

Wheres the new logo emoji

strong flicker
#

V17

cerulean nacelle
clear coyote
#

Discord logo changed

#

Ooooh, that Google colored logo was slick

strong flicker
#

I LOVE THE NEW LOGO

cerulean nacelle
#

I was here

strong flicker
#

please support firefox asap

cerulean nacelle
#

Its not v3 well

mild rampart
#

So new logo, new docs. I was right 😊. Good for new devs

#

But not supporting Firefox is an ouch though

clear coyote
#

I WAS RIGHT DOWN TO ALGOLIA

cerulean nacelle
little folio
#

Maybe angular.dev needs a few fixes 😄

cerulean nacelle
#

Hydration

little folio
#

Cool thing is, these docs are in v17

formal berry
#

The first glitch of the stream 🤣

#

oh noes

cursive gulch
#

What do we think so far? I think new Docs were sorely needed.
Logi is clean too. Is there a bigger announcement at the end?

cerulean nacelle
#

dude i hope theres more

fickle crest
#

I thought i was crazy because feel that the logo was moving hahaha

#

indeed its animated

#

hahahaha

cerulean nacelle
#

i want @for @if

prime ice
#

New docs were much needed. Bravo!

cursive gulch
cerulean nacelle
#

doc and logo is nice but not enough for such a hyped event

light wigeon
#

The new logo has some Adobe vibes 👁️

mossy pollen
#

no Firefox support sadge

cerulean nacelle
#

omg more news

#

OMGGGG

#

ATHEY DID ITT

formal berry
#

Hey it's @frosty wharf!

cerulean nacelle
#

LETS GO THEY DID IT

#

COME OOOOOOOOOON

strong flicker
#

finaly no more *ngIf

cerulean nacelle
#

this is actually enough for me

#

the event can end now

#

omg hahaha

strong flicker
cerulean nacelle
#

This is what i was hyped for

#

Empty syntax duuuuude

#

Switch is not left behing

prime fable
#

@ empty seems nice

glad nimbus
#

I wish they should have caption live video, I am deaf and trying to rely on live caption but it is quite inaccurate

strong flicker
#

i feel like i just got out of the shower from how clean this code looks now

cerulean nacelle
#

im updating my project to v17 hardly

prime fable
#

I wanna see how they are going to handle { } that aren't part of a @ syntax. Do you have to escape them?

strong flicker
#

hopefully my team updates by next week

cerulean nacelle
formal wave
#

I always wait a few minor versions at least

formal berry
#

Everyone ping Alex! 🤣

fickle crest
#

@frosty wharf

strong flicker
formal berry
#

I kid 😐

cerulean nacelle
#

@frosty wharf chad

cerulean nacelle
little folio
strong flicker
#

@frosty wharf give me a shoutout

strong flicker
cerulean nacelle
formal wave
#

I guess vscode extension will be updated at the same time

little folio
#

I wanted to update one of my projects to it, but nx was "nah, not today"

little folio
eager hazel
formal wave
#

oh, nice. I played with it but with vscode complaining

eager hazel
#

Yeah, wednesday on release it will all work

strong flicker
#

hopefully the guys at jetbrains update soon

formal wave
#

what I like from the new site is the tutorial "framework". Other sites will copy it for their libraries and that is nice.

clear coyote
#

Thanks for the puns

#

NOW the stream can end

little folio
#

How come there is nothing on reddit on /r/webdev or /r/programming? at least not on top

strong flicker
#

THIS IS AWESOME

modern kestrel
#

For those of us who couldn’t make the livestream what’s the news???

clear coyote
strong flicker
modern kestrel
#

Oooo

cerulean nacelle
#

THEY SAID THERES MORE

#

Stand alone by default!!]

clear coyote
#

I feel like there's another surprise

#

Like an Apple "one more thing"

formal wave
#

those Input are 🔥

clear coyote
#

Guess I gotta get new Angular merch now

cerulean nacelle
clear coyote
formal berry
kind glade
formal wave
#

whaaaaaat, I haven't receive mine!

cerulean nacelle
formal wave
#

I had to throw away my original Angular.js. I loved it very much

sly pebble
#

So happy that I can still use Material 16 with Angular 17 😅 thank you

mossy pollen
#

so happy webpack isn't deprecated