Angular 16 is a milestone release!
Vložit
- čas přidán 1. 06. 2024
- Angular 16 was released! It's a feature-packed release but the most exciting new feature is the new "Signals API"!
It's currently available in developer preview and can be used to handle change detection & UI updates in a fine-grained way.
I also added a completely new section about Signals to my bestselling Angular course: acad.link/angular
Read the official Angular 16 release blog post for more details: blog.angular.io/angular-v16-i...
Join our Academind Community on Discord: academind.com/community
Check out all our other courses: academind.com/courses
----------
• Go to www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts
• Follow @maxedapps and @academind_real on Twitter
• Follow @academind_real on Instagram: / academind_real
• Join our Facebook community on / academindchannel
See you in the videos!
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
Thanks for the video Max! I love your courses and materials. With this in mind, would you be recording another part of your angular course for 16 or maybe later when it is the official release?
he already added chapter 25 to the "Angular - The Complete Guide" course (Udemy)
I working with Angular in my main job. And I must say: Angular goes the right way! These are great features that are coming! Signals, Standalone Components will makes Angular super fast and performant - with the power of an all-in-one Framework. Great!
I tried all the other main competitors: React, (Next too), Vue, Svelte, Solid... but I'm coming back for Angular
help chahiye
Great. I hope you make a new course with ng17 and Nx and microfrontend
thanks a ton! first time I understood what signals is really about.
Thank you for not using all-caps words in the title.
Why?
YOU ARE SOOOOOOOOOO RIGHT BRUH.... YOU NAILED IT. ZACTLY WHAT WE'VE ALL BEEN THINKING, BUT YOU WERE BOLD ENOUGH TO JUST GO THERE. WHOO LAD. THIS WAS SO LONG OVERDUE. YOU ARE NOTHING LESS THAN A LEGEND 🎉
@@iwasfixin2b bruh
Thanks for the video!
Amazing release!
Hello Max. I Absolutely love your courses.
Can you make a course for Micro-Frontend from Angular Perspective. also NgRx. Thanks in Anticipation
An NX course would be great (at least a snippet on the main angular course that talks about NX's angular integration).
So basically this allows you to leave changedetection at default on a component that has lots of relatively static values but can mimic onPush changedetection for a select few variables which change frequently. Will be an interesting feature to try out.
I'm curious, appart from the synthax, what is the difference between a BehaviorSubject and a Signal? You can already have the ChangeDetection only working with async? Also, all libraries provides observable that you can combine into single observable, I'm not sure how to achieve such behavior with signals?
love you max ❤
Angular version of react's const [state, setState] = useState()
I wonder how big is zone to require such a feature. Will go check right now
So with signals I can get a value from an API, store it in a service and get/update the value anywhere in the app that injects the service?
Sounds like a good alternative to the resolve/inject pattern.
Hey Max, can you please create a complete guide on the performance and optimization of an Angular application?
I love how you say: YUGGGGGE! 😁😁😁😁😁😁
Amazing!
Hello Max, nice video and good short explanation of signals. How would signals be used in an application along with RxJS? What are the best practices? Wouldn't be a mess just to mix things together? NGRX should be modified in an upcoming release to use just signals?
What is the benefit of NgRx when there are services?
Max are you going to revamp the angular course ?
Max, where is your SolidJs course???
Exciting.
Waiting for this feature
Geeez this angular is still alive :)
Is this new required property for inputs necessery, when you can achieve same effect with propper selector definition?
Most awaited
Kinda looks like Angular is Reactifying & Solidifying itself but the performance improvements are enough for me to try it.
you shoudn't bro angular will die soon
@@me-cz3wo true. just like a dying person, gather all his energy and die right after
Isnt it like in React ? Signals allow us to check only changed properties. I thought before - why not.
thanks maxi,,,,
Question: Signals seem identical to Observables, what is the discrepancy?
Signals are self-driven by the framework, in the other hand, observables needs to be handled by the developer (subscribe and unsubscribe flows)
Signals deal with synchronous events, whereas Observables deal with asynchronous events.
You would still want to use observables for async events like http, web workers, timers etc. Observables give you ability to cancel async event and send new one.
What others said. Also no subscriptions & unsubscriptions (with potential memory leaks)
What are the differences between OnPush and Signals? I would say the API for Signals feels a whole lot better than pulling a reference to the current CDR but overall this doesn't seem too different?
@@user-ew5bm2sp7g Sure but maybe I'm just uninformed but I don't see how your reply is relevant to my question.
only thing i really miss now in angular is a build in easy to use store ^^
Hello Max Sir.
I am really fan of your teaching and learnt ReactJS from your course and used in my project.
Now as per my project requirement I am learning Angular from your course in Udemy. Things are going fine but sometime if I create new project with Angular 16 which is requirement for me then things start getting little difficult as the new typescipt does not work as it shows in the course.
Could you please re-record the Angular course as it seems little old. As I said, I learnt ReactJS from your course only and there it was up to date but in Angular its not the case.
In course comments also I was seeing many students were saying the same.
As always, I admire your teaching and love to see the new version on Angular course 😊😊
Just 2 years ago, we were being introduced to Angular 9. Can we slow it down a bit?
so anuglar automatically removes any property that is defined as a signal from the lifecycle?
Solidifying ng apps)
Not today to be used. It still has to have peer deps which I was facing in 15. Had to go back to 14 for better development.
can you say that this new changes go in a React direction, or am I getting the wrong idea?
Seeing the comments, people still hating on angular.
In all honestly, the more advanced you get, the more angular your code becomes.
2 years in vue, 2 years in react, when it started to scale, it looked like angular. So where is the hate coming from?
👍 Thanks
Angular and Nx please😊
So, is this signal the same as React's setState() or Vue's reactive/ref?
I thought it was very similar
is it useState() from React?
No, not at all. More reading
No
looks very much like BehaviorSubject from rxjs - what is the difference?
Well, Signals are like using it for rendering purposes. I heard somewhere that it renders only object/variable that has been changed. It will increase performance.
Hello Max, This is Mahipal
I completed some of your courses and all of them are amazing but i constantly face a same problem as how you teach things are made very simple but when i try to do it by myself the app crashes😓 or find it difficult to do the task and build the logic that works completely. Is it because of lack of knowledge or practice and what can i do to overcome these issues.
Hey just wanted to give my perspective as someone who went through this exact problem. My personal advice would be to keep practicing, the more you see errors the more common they become; relieving frustration.
Is Angular signals is in stable mode yet or still in. Preview mode
So it makes it be like React?
Your commitment to us and this angular business is remarkable. Obrigado.
PS: A major downside I am currently facing with angular is the unfriendliness towards juniors/associates in the market. Unlike React, there is almost no market for juniors in this field. U need to get advanced to join it’s circus.
Highlight ur experience and how you are moving forward.✌️
Hi, When will we get this update in the udemy course?
It's already there, section 25.
Wait, so basically `ref` in vue?
What is a werljoo?
are you planning on doing a svelte / sveltekit course guys ? It's been a long time since you've tackled the subject of svelte / sveltekit. Since then Vercel has become a major partner and sveltekit 1.0 is out ! Svelte is cited as the most loved framework and the framework with the best DX in stateOfJs ! This framework may be the one that will bring together the react / vue / angular devs ( by betting on the DX ) , it is promised a bright future !
whatever - as angular has rxjs since ever - signals is something thats native for angulars
Gave you a thumb up 4 seconds into the video after recognising your voice ;)
Hmm that's a huge feature to Angular. I had worked on Angular previously, but moved to React again because of high Reactivity it has.. Now, I'm really exciting to see Signals there in Angular, which would be the game changer.....
So, useState() basically(?).
wow, knockoutjs in angular
Exactly! Welcome to 2010 Angular team
It's hard find angular 15 tutorials, let alone '16'
Funny how signals are hyped nowadays, considering the concept is really old (going back to the days of KnockoutJS, where they were called observables).
Actually, we are just reinventing the wheel again and again. This discussions are as old as the concepts.
Sooo, useState?
"Signals" look like observables in Knockoutjs. And these were painful to deal with.
Still waiting for Angular 36
sounds like hooks in React
The end of React?
😮
Similar to React State 😃
Looks a lot like SubjectBehaviour to me
omg angular dev create shit like react, nice job
Ok Comrade
Sure, bundle size decrease and the performance increase is great but I'm not really a fan of Angular slowly turning into react.
I've been thinking about this too, but I've read developer's blog and signals not are added mainly to simplify into react, but to make zone js optionally, which is a really huge perspective
React doesn't use signals?
Angular is the matured professional framework, it has simple syntax than react. React is hard to understand, the DX of react is horrible.
React is a child play. When it comes to serious enterprise app development, Angular comes in glory.
React has brought shame to JavaScript community by making web development unnecessarily complicated.
@@Almighty_Flat_Earth While I prefer Angular over the other, this probably shows that you know a little outside Angular. Which is fine, but throwing around insults then is meaningless. Most of popular frameworks have good enough DX. You can have horrible DX on Angular if you dont know your stuff. Same is for any framework.
While its good to discuss frameworks, framework wars should be left alone to the menchlidren.
Ha! Angular is still going - I genuinely thought Google abandoned that hot mess years ago.
Well, good luck with it...
just like vuejs
So it is like a slightly complex version of react useState hook for Angular. I may be wrong though
Completely wrong, signals have existed before react and hooks, it's more like solid though.
@@TayambaMwanza I will do some reading on solid to understand better. Thanks
Even though outside they look similar, React useState and Signals are totally different under the hood. Signal is truly Reactive.
I believe they must STOP and let us have a break. Many new unfinished unstable things. Compatibility problems everywhere, plugins work this year but not next year !! Updates destroy projects ! Please😢
Same with Java new release every 6 month .. yes but there build are very stable though difference between Language updates & framework updates
Cannot have enough of shiny new frameworks? Here is a shiny new version - with yet another new mind-shifting paradigm - of the same framework for you! :(
Just don't update as soon as new stuff is released?
Angular has always been a poorly planed and shabbily executed framework. Why would it change now?
@@totallynotchosen183 What? And not get hired because I can't talk fluently about yesterday's updates?
:)
VEILUE...
Whersyion Seixtein
So they want to do it the reactjs way 🤷♂️
Voice is AI generated.
Vayluueee
new Veliu depend on new Veliu then Veliu gets triggered. Now the new Veliu is 2 because the before Veliu :D
Front end dont need this level of complexity . React , solid or even vue is enough. There are more complex problem developers needs to focus on in backend or data persistance. Why complicate things in FE when easier and working solutions are available.
I've worked with them all and vastly prefer Angular. It's much more modern, and gives you all the tools. React is a messy carpet of tools you have to put together yourself. The routing is hopeless compared to the Angular router, for example. Forms is another example, there are external form modules but they pale in comparison to the Reactive Angular forms module. I could go on but I'll stop now. Point being that you think it's complicated because you don't know if well enough, and you are maybe a new developer?
Next js , remix solves all the problems for react you are highlighting. React router 6 is better than angular router. Angular is not bad it's just not needed 🙂. But yeah depends on developers preference on your team.
@@LarsRyeJeppesen get help man. Number speaks itself. When it's comes to frontend React is one to go. Imagine using this word still in 2023. React get rid of class components and this is where React won.
@@reeteshvirous1359 It's just a syntax. Using a class or function to create a component is nothing to do with which one is better. Angular offers clean architecture, and supports reactive programming with RxJS and now Signals. React contrary to what the name suggests, is far away from reactive programming.
@@mihirdharangaonkar6916 LOL, react needs yet another framework to get all problems solved! Ridiculous...
It looks like a react Hook😅
I love you max but your angular course is so outdated
A video about signals without mentioning observables? Bad, really bad.
This seems like a copy of Svelte stores 🤨
Change detection is one of the easiest functionalities to implement. total non-feature, it already sounds bloated
Found the arm chair developer
Personally, i find it a terrible hindrance when companies release half baked features in a full stable release. Next did the same with their new routing system. Leave the half finished features out of stable releases.
Value is not so hard to pronounce, come on 😂
While it’s good. But it feels like it’s copying the idea from other framework lmao. 🎉
Just. Use. React.
Nah it's hopelessly old. You sound like a rookie
please, no.
back to imperative-like way?
Hello From India
hello
It was overall informative but i really needed some tolerance when it came to him pronouncing "value" 🥲😂