Angular 17 Features With Examples - You Must Know That

[@MonsterlessonsAcademy]

WATCH NEXT: Angular Unit Testing Course - All That You Need to Know About Testing - kzbin.info/www/bejne/mKecq5KLm7ikna8si=WVzOWtdQUZWEbqsz

[@properwaffles]

Great timing. I’m horrible with testing, thank you!

[@MG-wx8yx]

I'm a huge fan of your channel and can't believe I haven't subscribed all these years. Sorry for than. I'm subscribing right now.

[@MonsterlessonsAcademy]

Welcome aboard!

[@sakarsr]

Really wonderful video on Angular 17 features. Thank you and have a nice day and good health.

[@MonsterlessonsAcademy]

Thanks!

[@karthikeyansundaramoorthi247]

Angular proved its awesomeness once again.

[@MonsterlessonsAcademy]

Yeap

[@yt.mhasan]

great tutorial. I am wating for using ng17 in my new project soon.

[@MonsterlessonsAcademy]

Best of luck!

[@abdelhaibouaicha3293]

📝 Summary of Key Points: Angular 17 introduces a new logo and website that are more structured and beginner-friendly. The website includes documentation, tutorials, a playground, and a reference section. Angular 17 includes two features from Angular 16 by default: signals for managing state and spied for faster application building. The video explains how to set up a new Angular 17 application using the Angular CLI. Angular 17 introduces a new feature called control flow, which changes how code is written in HTML templates. Another new feature in Angular 17 is defer, which allows for delayed rendering and the display of placeholders while content is being loaded. Different triggers for defer include on idle and viewport, with on idle being the default trigger. 💡 Additional Insights and Observations: The new website and documentation in Angular 17 are praised for being more beginner-friendly and easier to understand. The control flow feature in Angular 17 simplifies the creation of loops and conditional statements in HTML templates. Defer in Angular 17 provides flexibility in rendering content and displaying loading indicators. 📣 Concluding Remarks: Angular 17 brings exciting new features, an improved website, and enhanced documentation to make Angular development more accessible and efficient. The control flow and defer features offer more flexibility and convenience in building Angular applications. Made with Talkbud

[@yudianantha4549]

WOW, so we can use "Defer" features the same like "pop up html contents on scroll" right ? and "Loading" and "Placeholder" features for Skeleton Views ? Man this Angular 17 Updates is SO BIG, its like Angular with the best of Laravel and the best of React in it... its a compilation of the best things in Angular + best feature in Laravel + best feature in React As a Freelance fullstack developer, im really jumping like a madman right now, this is life changing, im 100% ONLY using Angular right now (and the new documentation pages is a huge plus too)

[@MonsterlessonsAcademy]

Yeap, it's great for performance

[@fadil2671]

nice and usefull video as usual, thanks for sharing

[@MonsterlessonsAcademy]

You are welcome!

[@mogheshantanu]

Hi, nice explanation, please guide on how to use @for in nested loop.

[@MonsterlessonsAcademy]

I will add it in the list of ideas

[@omsunkoradji120]

Have an issue with SSR building. Built files looks the same like without SSR... SSR does not work? Plz show examples... thanx in advance

[@teejstroyer]

I would love improvements for same file templates. I know you can do it. But I want the documentation to push it a bit more

[@msrangular2808]

hi sir can we use *ngFor in old fashion also? I tested it, and it is working.

[@MonsterlessonsAcademy]

Yes you can. It is not a replacement for ngif

[@IsuCompare]

maybe you could make a video Angular vs React/Next.js as Angular interdocues so many interactive stuff..

[@MonsterlessonsAcademy]

I will add it to the list of ideas

[@daviddonadze221]

Love your videos. Thanks

[@MonsterlessonsAcademy]

Thanks for watching!

[@CodingAbroad]

If your site already uses Angular universal and you want the new ssr in version 17 would you personally make a brand new version 17 project and copy and paste your files across?

[@MonsterlessonsAcademy]

I would always just generate latest version and copy all code there if it is possible. Normally it is not as you want to save git history for example.

[@chrisb3902]

Thanks for this video!

[@MonsterlessonsAcademy]

My pleasure!

[@ВладиславЦерковный]

How can I make the logic in my VSCode, starting with @if and similar constructs, highlight in a different color, rather than being plain white? Please advise.

[@MonsterlessonsAcademy]

No idea for now. Probably it will be improved later

[@ВладиславЦерковный]

@@MonsterlessonsAcademy thank you)

[@konstantinsurnin855]

thanks a lot bro!

[@MonsterlessonsAcademy]

You're welcome!

Good morning, Do you have a course to create an Angular17 and .net8 application with EF CORE user management?

[@MonsterlessonsAcademy]

No I don't

[@mohamedkhalilkhedhri9942]

hi iam using standolone componenets and i want to use scrollrevealjs but i dont know how i didnt find any documentation , they all giving solutions using modules

[@MonsterlessonsAcademy]

Unfortunately I don't have with custom problems of the students.

[@yuraprotsuk]

Great info, thanks

[@MonsterlessonsAcademy]

Glad it was helpful!

[@naiomi5532]

i started working on angular project v15 can i upgrade to 17 please ?

[@MonsterlessonsAcademy]

Sure why not?

[@andang6613]

I am running the Angluar v15, Do you think it would be difficult to upgrade to v17 from v15 because of many changes of syntax ?

[@MonsterlessonsAcademy]

Depends on your dependencies. If you have just plain Angular then not that difficult.

[@rishukumar7586]

Angular 17 new control flow stable or in developer preview ?

[@MonsterlessonsAcademy]

Dev preview

[@alexanderkomanov4151]

THANKS A LOT!

[@MonsterlessonsAcademy]

You're welcome!

[@inktrl]

What font are you using in your nvim config?

[@MonsterlessonsAcademy]

It's monaco

[@BrockFredin]

Nice!

[@MonsterlessonsAcademy]

Thanks!

[@hamm8934]

why not just embrace jsx instead of the control flow syntax? I find templating syntaxes always leave stuff to be desired and wasted time learning framework specific syntax.

[@nagendradevara1]

Here in the Angular as far as i know the code should be doing all the preprocessing and just give the result for html to render.

[@MonsterlessonsAcademy]

I agree. JSX is fully covered by TS by default but probably there are framework limitations which doesn't allow to embrace JSX.

[@LarsRyeJeppesen]

I hate jsx

[@LarsRyeJeppesen]

Defer is fantastic, you would not get that with jsx

[@hamm8934]

@@LarsRyeJeppesen yes you can. Pretty next even has a built in hook for it.

[@axi._.x4043]

What is the name of the topic, you stick to your ide ?

[@MonsterlessonsAcademy]

I don't understand your question.

[@start662]

Is bro using vim?

[@MonsterlessonsAcademy]

Yes

[@AriaMoradi-z1z]

thank youuu

[@MonsterlessonsAcademy]

You're welcome!

[@kol4an721]

Angular signal is not stable, but it production ready for now

[@mgechev]

Signal and computed are stable, and we'll make effect stable in v18.

[@MonsterlessonsAcademy]

You are totally right. I didn't see that effect is still in developer preview.

[@kol4an721]

@@mgechev in version 18 effect will appear again in public api?

[@mgechev]

@@kol4an721 that's the plan :)

[@JohnDoe-eo9lc]

This is a very sexy update

[@MonsterlessonsAcademy]

Yeap!

[@OM-bs7of]

The control flow thing looks messy tbh. Good thing we aren't forced to use it!

[@MonsterlessonsAcademy]

It depends. We are not forced on standalone also but if NgModules are optional and new projects don't contain NgModules people are using them less and less.

[@dmitriyobidin6049]

HTMX is on the way, no need to learn angular :)

[@MonsterlessonsAcademy]

They are so different. It is fine to use HTMX for a small amount of Javascript without lots of business logic. As soon as you need that it becomes to complicated to support.

[@internettraffic5115]

Angular the worse UI framework, something new comes and breaks everything on upgrade...

[@MonsterlessonsAcademy]

But realistically start from 10 or 12 it's much more stable than before.

[@spamviking8591]

“The angular documentation was difficult for beginners” I have been using angular for more than ten years, and I found the old documentation useless.

[@MonsterlessonsAcademy]

They actually improved it in last years. At the beginning it was really useless.