What's new in Angular v17
Vložit
- čas přidán 23. 07. 2024
- 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 - Zábava
Wow!! I'm really excited with all tha new features and really happy with control flow and hydration features! You're fantastic Angular team!!
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.
Sounds awesomeeee, thanks Angular :)
The best framework ever I really love it. Angular for always!
Great Presentation. Mark ist awesome
Angular is awesome too! 😍
Best framework ever
Great work!
Now I'm thinking about switching from React to Angular. Thank you for your work ❤
And I'm thinking to switch from Angular to React
honestly react still the best and more easy @@VarunJain15
Do it do it do it do it do it
@@VarunJain15bad time
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 🤷♂️
Awesome!
I'm just going to say it....
Mark is a STAR!
He IS pretty great, Donnie! We'll let him know about this wonderful feedback.
"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.
I love Angular
Great!
Wow! Sound interesting. I'm still on the v14.
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
Seems like u r having fun 😂
@@combatninjaturtle no doubt about that
what about Module federation with esbuild, that was webpack feature. If i have module federation is there is a migration path to Angular17 ?
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.
Can i use Angular SSR on typical web host like Siteground?
Also can we have self generating test code which can figure out that there is a service. And have it generated a mock service
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
I like mark a lot, I wanna be like him
All you have to do, is just be the coolest dude ever! Lol he's awesome, right??
I want a gui development tool like visual basic. Also easy to create form with input validation.
it grows so fast, im afraid to develop new project :D
Can i upgrade my angular app from v8 to v17 and work perfectly , i really need to upgrade it! 🙏🏻🙏🏻
Upgrade one version at a time - you can find more information here: update.angular.io/?v=8.0-17.0
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
The pains of upgrading once every 5 years :)
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.
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 🤮
fix imports please, they are a big overhead in the framework now
Elaborate
I think I stopped with Angular in version 8. I am back
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
Angular baba
idk why it's losing popularity compared to react
it's really great framework
Aaand google products still are on angularjs 1 💀
How do you know?
@@aqueebj design and buildwith extension. Also site performance. Not all google products, but a lot of them, like google ads
Aaand how do you know?
@@wolfisraging read the comment 💀
Not everyone can update instantly, I'm sure even Facebook maintains old react projects.
Only using it because I have to at work. React is much quicker and better and leaner