Angular 17 - New Build-In Control Flow Overview

It'll be very helpful in our billing system for Scandinavian distribution companies. Image app with a lots of tables, info messages, even custom tab's system with functions similar to browser's tab (to open multiple customers) - you need a lots of if, else, empty, for statements. With the old syntax it was brutal. Even if you divided it into multiple components. I really love the new systax. It was missing in Angular for ages. It's similar to .NET Razor syntax what we've used previously.

If you want a tip about the next video topic - do it for RouteReuseStrategy. It's very underated feature and the documentation is low-described. But it's powerfull as hell. Especially for our tab system, where each tab is independent and needs to hold component instances.

I love the new control flow syntax, signals and all of the new changes the angular team has been implementing. Also love your videos, keep up the good work ! 🎊🎊🎊

Having that @empty block for the for loops makes so much sense. Loving it!

Can't wait to start using these.

Also, good job on the video!

Why do you put "#" in front of certain variables? Can you explain more about this convention? thanks :)

5 years workng with angular, 3 years with jsx and i cant go back. New Syntax looks bad to me

Great explanation as always! This features are very useful to make codebase more readable and cleaner

Will ng 17 libraries with the new syntax be backwards compatible?

There is also a @defer block, which allows to lazy load components (standalone of course). Quite a useful thing to avoid custom wrappers with dymanic component creation.

this is awesome 🔥

Да, классная штука. Очень удобно.

Hello guys, I have cloned the repo and wrote "npm i", and then my IDE doesn't recognize the new syntax. I use WebStorm and I see the message everywhere where the new syntax was used: Unterminated expansion form. If you have unescaped '{', use '{{ "{" }}' to escape it.

I work with Angular for about 5 months, company's project is on v15. Can anyone shortly explain to me why people prefer standalone components nowadays and why I see more and more people write html in the component decorator? What about separation of concerns?

This syntax is nice! You can focus more on the template. Those ng-container/ng-template were confusing in my view.

Great job Dmytro! I love so much all the new features that the Angular team has released! They've done a really great job with this new release!

Tbh I do not like this. 😢😢😢

I love this

ty, man!

Could you show @defer and when to use it?

very nice by angular, no more repeatitive imports + clean syntax + performance improvements ++, I can't wait for the zoneless updates. Hopefully soon in v18

Дякую за цікаві ангуляр туторіали!