What's new in Angular v17

Check out a speedy recap on a bunch of the exciting updates and improvements from the Angular v17 launch, designed to elevate your app-building experience. We cover the latest features from Angular's hybrid rendering experience, the new control flow, and much more!
Check out our website → goo.gle/AngularDev
Check out the blog → goo.gle/3S1Jukx
Watch more videos about Angular v17 → goo.gle/Angularv17
Subscribe to Angular → goo.gle/Angular
#Angular

[@_AleMaxi_]

Wow!! I'm really excited with all tha new features and really happy with control flow and hydration features! You're fantastic Angular team!!

[@TheDragShot]

Oh, the interactive tutorials in the new web site will definitely come in handy to catch up. I hadn't really built anything with Angular since version 7, so this is appreciated.

[@imriharlev5151]

Sounds awesomeeee, thanks Angular :)

[@misterkirill_]

Now I'm thinking about switching from React to Angular. Thank you for your work ❤

[@VarunJain15]

And I'm thinking to switch from Angular to React

[@oussemabouyahia474]

honestly react still the best and more easy @@VarunJain15

[@rockenOne]

Do it do it do it do it do it

[@rockenOne]

​@@VarunJain15bad time

[@user-so4ug5rw3g]

XD why did you even pick react for? Ah because it's made by Facebook? Newbies started out with react years later they realized the project is a mess and take weeks to do 1 day jobs? Yeh. Now switching to Angular 🤷‍♂️

[@webdave_de]

Great Presentation. Mark ist awesome

[@webdave_de]

Angular is awesome too! 😍

[@DonnieBryant]

I'm just going to say it.... Mark is a STAR!

[@Angular]

He IS pretty great, Donnie! We'll let him know about this wonderful feedback.

[@jitujahagirdar613]

"Hi Angular Team, @angular I've been reflecting on the current implementation of @Input and @Output in Angular and comparing it with React's approach to state and props. While Angular offers robust and powerful features, I find the process to set up @Input and @Output a bit more involved than React's straightforward handling of props. ------------------------------ React Props ----------------------------------------------------------------------- In React, passing data to components is quite streamlined, as shown in this simple example: . This one-line code effortlessly declares and passes props. ------------------------------ Angular Props long way to follow coding --------------------------------- Long way in Angular : On the other hand, Angular requires several steps to achieve similar functionality. For instance: 1) Steps 2) Steps : very long work in this steps import { Component, Input, Output, EventEmitter } from '@angular/core'; export class ChildComponent { @Input() dataFromParent: any; // appropriate type declaration @Output() notifyParent: EventEmitter = new EventEmitter(); } sendData() { this.notifyParent.emit('Some data from child'); } // Request : in this 2 steps @input we need to import and tell to component hey this is input . Can we skips this steps for import @input and @Output ? and directly just mentions props name only "dataFromParent" ? and it need to identify / figure out itself it input or output type..! . and same for Output first we need to import Output event emitter and then need to emit that methods which is really TDS work ..! 3) Steps : {{ dataFromParent }} And same issue for @output implementation in angular which takes more stapes to implements. @Angular Team just a request : Could we have a shorthand for implementing @Input and @Output in Angular? Something similar to React's props syntax for simpler and faster coding. This would really streamline frequent property usage in Angular development.

[@Abraham.2748]

Great work!

[@user-vv5vt6ho4j]

Best framework ever

[@delamata88]

The best framework ever I really love it. Angular for always!

[@user-vb1oi5gf8h]

Awesome!

[@manojht8036]

I am currently writing my project again In 17 ..it is in 16 and I know I can do ng update but I LOOOVE writing control flow myself especially lazy loading components 🤤 damm

[@combatninjaturtle]

Seems like u r having fun 😂

[@manojht8036]

@@combatninjaturtle no doubt about that

[@Kirdaro]

Wow! Sound interesting. I'm still on the v14.

[@vikram12singh]

I love Angular

[@estebandiaz1698]

Great!

[@sureshnaagar]

what about Module federation with esbuild, that was webpack feature. If i have module federation is there is a migration path to Angular17 ?

[@sillynut2958]

Is there a way to extend a Component dynamically with a Model class and then bind to the properties of the Model class within the View? Extending the Component with a Model class is doable, just Angular will not compile when I attempt to bind to a property of the Model using Rx.js. Put this feature in Angular 18 please if it is not already available.

[@user-eh2im6yi8l]

Can i use Angular SSR on typical web host like Siteground?

[@chunckyfreshnut]

Also can we have self generating test code which can figure out that there is a service. And have it generated a mock service

[@oluwapelumiezekiel6198]

I like mark a lot, I wanna be like him

[@spreadItWide]

All you have to do, is just be the coolest dude ever! Lol he's awesome, right??

[@oussemabouyahia474]

the problem is the tutorial ion the documentations are still not aligned with angular 17 , especially when try to implement the routing which exist by default

[@chunckyfreshnut]

I want a gui development tool like visual basic. Also easy to create form with input validation.

[@nturodestiny3241]

Can i upgrade my angular app from v8 to v17 and work perfectly , i really need to upgrade it! 🙏🏻🙏🏻

[@Angular]

Upgrade one version at a time - you can find more information here: update.angular.io/?v=8.0-17.0

[@nturodestiny3241]

I tried but , my app is displaying blank page, i've been struggling for one week, i thought there is a problem some of my libraries, Thank you🙏 @@Angular

[@Someone-tn8ur]

The pains of upgrading once every 5 years :)

[@sanjayshah5338]

Create a new app on latest angular version and copy your code component by component and test. You will also learn the new features that way.

[@halilnevzat]

it grows so fast, im afraid to develop new project :D

[@sidof8065]

Hi sir. how to run : npm run build in Dockerfile with Angular 17. I'm trying since a day to deploy Angular 17 app on Nginx . I just see welcome to to Nginx not my app 🤮

[@botondvasvari5758]

fix imports please, they are a big overhead in the framework now

[@gintoki_sakata__]

Elaborate

[@CsAlchemy-eg6ch]

I just hope you guys let the classes approach and don't go fully react , oop is what made using a lot of programming patterns to structure things and organize , functional programming easily creates a mess of nested functions.. I'm happy with all the improvement but afraid angularjs case happening again

[@obinnaezedei856]

I think I stopped with Angular in version 8. I am back

[@sikendongol4208]

Angular baba

[@eagold]

idk why it's losing popularity compared to react it's really great framework

[@danvilela]

Aaand google products still are on angularjs 1 💀

[@aqueebj]

How do you know?

[@danvilela]

@@aqueebj design and buildwith extension. Also site performance. Not all google products, but a lot of them, like google ads

[@wolfisraging]

Aaand how do you know?

[@danvilela]

@@wolfisraging read the comment 💀

[@TayambaMwanza]

Not everyone can update instantly, I'm sure even Facebook maintains old react projects.

[@spacewizards9039]

Only using it because I have to at work. React is much quicker and better and leaner