Angular 16 is a milestone release!

Подписаться 911 тыс.

Просмотров 89 тыс.

50% 1

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!

Опубликовано:

1 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 147

@symphony_vk Год назад

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?

@B1TCH35K1LL3R Год назад

he already added chapter 25 to the "Angular - The Complete Guide" course (Udemy)

@fhsoftdev-wm5di Год назад

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!

@bvedantcodes 10 месяцев назад

I tried all the other main competitors: React, (Next too), Vue, Svelte, Solid... but I'm coming back for Angular

@abhayyadav4270 10 месяцев назад

help chahiye

@jonatabiondiJsLover Год назад

Great. I hope you make a new course with ng17 and Nx and microfrontend

@nikhilgoyal007 8 месяцев назад

thanks a ton! first time I understood what signals is really about.

@lucasterable Год назад

Thank you for not using all-caps words in the title.

@thecoolnewsguy Год назад

Why?

@iwasfixin2b Год назад

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 🎉

@msrini Год назад

@@iwasfixin2b bruh

@felixurbano1199 Год назад

Thanks for the video!

@LarsRyeJeppesen Год назад

Amazing release!

@kolawoleomotosho3073 Год назад

Hello Max. I Absolutely love your courses. Can you make a course for Micro-Frontend from Angular Perspective. also NgRx. Thanks in Anticipation

@yurisims1798 Год назад

An NX course would be great (at least a snippet on the main angular course that talks about NX's angular integration).

@CarKiller92 Год назад

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.

@j4nch Год назад

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?

@juanganma9806 Год назад

love you max ❤

@jeremyweasley8079 8 месяцев назад

Angular version of react's const [state, setState] = useState()

@maximhebert-gareau4461 Год назад

I wonder how big is zone to require such a feature. Will go check right now

@raybbo Год назад

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.

@navneetprakash1298 9 месяцев назад

Hey Max, can you please create a complete guide on the performance and optimization of an Angular application?

@NamNguyen-oz8uj Год назад

I love how you say: YUGGGGGE! 😁😁😁😁😁😁

@alexanderkomanov4151 Год назад

Amazing!

@arrowpaine Год назад

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?

@DD-vc7fq Год назад

What is the benefit of NgRx when there are services?

@a_58_arpanadhikary46 Год назад

Max are you going to revamp the angular course ?

@meka4996 Год назад

Max, where is your SolidJs course???

@rainboweyeinc673 Год назад

Exciting.

@NerdyThrowbackTech Год назад

Waiting for this feature

@alerya100 Год назад

Geeez this angular is still alive :)

@TymToJa Год назад

Is this new required property for inputs necessery, when you can achieve same effect with propper selector definition?

@ckatke Год назад

Most awaited

@Dev-Siri Год назад

Kinda looks like Angular is Reactifying & Solidifying itself but the performance improvements are enough for me to try it.

@me-cz3wo Год назад

you shoudn't bro angular will die soon

@alooooooola Год назад

@@me-cz3wo true. just like a dying person, gather all his energy and die right after

@realfootball338 Год назад

Isnt it like in React ? Signals allow us to check only changed properties. I thought before - why not.

@09harikesh Год назад

thanks maxi,,,,

@glimpsee7941 Год назад

Question: Signals seem identical to Observables, what is the discrepancy?

@webblocksapp Год назад

Signals are self-driven by the framework, in the other hand, observables needs to be handled by the developer (subscribe and unsubscribe flows)

@Saurabh.P Год назад

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.

@louis-ericsimard7659 Год назад

What others said. Also no subscriptions & unsubscriptions (with potential memory leaks)

@Ezimodner Год назад

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?

@Ezimodner Год назад

@@user-ew5bm2sp7g Sure but maybe I'm just uninformed but I don't see how your reply is relevant to my question.

@Jonathan-kraai 8 месяцев назад

only thing i really miss now in angular is a build in easy to use store ^^

@amitsinghkaushik2207 8 месяцев назад

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 😊😊

@headcode Год назад

Just 2 years ago, we were being introduced to Angular 9. Can we slow it down a bit?

@Jonathan-kraai 8 месяцев назад

so anuglar automatically removes any property that is defined as a signal from the lifecycle?

@danikmoroz2328 Год назад

Solidifying ng apps)

@vinayenjapuri Год назад

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.

@_prost_ati_nimerit Год назад

can you say that this new changes go in a React direction, or am I getting the wrong idea?

@MiguelFelipeCalo Год назад

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?

@rishiraj2548 Год назад

👍 Thanks

@celucuswisner3200 Год назад

Angular and Nx please😊

@dfeprado Год назад

So, is this signal the same as React's setState() or Vue's reactive/ref?

@henriquemoreira5476 Год назад

I thought it was very similar

@geralex Год назад

is it useState() from React?

@LarsRyeJeppesen Год назад

No, not at all. More reading

@Saurabh.P Год назад

@oleglomakin8112 Год назад

looks very much like BehaviorSubject from rxjs - what is the difference?

@vinayenjapuri Год назад

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.

@MahipalSgh Год назад

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.

@garybattle2488 Год назад

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.

@pkplaypal 9 месяцев назад

Is Angular signals is in stable mode yet or still in. Preview mode

@MihailTsankov Год назад

So it makes it be like React?

@Ahmad-kg5qd Год назад

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.✌️

@Anuj_Kumar_1 Год назад

Hi, When will we get this update in the udemy course?

@Daijyobanai Год назад

It's already there, section 25.

@supdude6933 Год назад

Wait, so basically `ref` in vue?

@SharkeyO 8 месяцев назад

What is a werljoo?

@vincentbfast1147 Год назад

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

@Sara-xi2ug Год назад

Gave you a thumb up 4 seconds into the video after recognising your voice ;)

@jamshediqbal7936 Год назад

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.....

@magnusmarkling Год назад

So, useState() basically(?).

@oleksandrkholodov9925 Год назад

wow, knockoutjs in angular

@yknoty2k Год назад

Exactly! Welcome to 2010 Angular team

@lucasdamasceno7068 Год назад

It's hard find angular 15 tutorials, let alone '16'

@Coksnuss Год назад

Funny how signals are hyped nowadays, considering the concept is really old (going back to the days of KnockoutJS, where they were called observables).

@oktomatiko59 Год назад

Actually, we are just reinventing the wheel again and again. This discussions are as old as the concepts.

@bakmyster Год назад

Sooo, useState?

@D9ID9I Год назад

"Signals" look like observables in Knockoutjs. And these were painful to deal with.

@jozedubre8446 Год назад

Still waiting for Angular 36

@fhy-jack Год назад

sounds like hooks in React

@gyros9162 Год назад

The end of React?

@RonelGonzales5 Год назад

😮

@vignesh_m_1995 8 месяцев назад

Similar to React State 😃

@tntg5 Год назад

Looks a lot like SubjectBehaviour to me

@EtoBARAKUDAvasa Год назад

omg angular dev create shit like react, nice job

@LarsRyeJeppesen Год назад

Ok Comrade

@TightyWhities94 Год назад

Sure, bundle size decrease and the performance increase is great but I'm not really a fan of Angular slowly turning into react.

@motricalaalan6186 Год назад

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

@totallynotchosen183 Год назад

React doesn't use signals?

@Almighty_Flat_Earth Год назад

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.

@totallynotchosen183 Год назад

@@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.

@totallynotchosen183 Год назад

While its good to discuss frameworks, framework wars should be left alone to the menchlidren.

@chairmakerPete Год назад

Ha! Angular is still going - I genuinely thought Google abandoned that hot mess years ago. Well, good luck with it...

@danieldanish2453 Год назад

just like vuejs

@josephcobbinah5412 Год назад

So it is like a slightly complex version of react useState hook for Angular. I may be wrong though

@TayambaMwanza Год назад

Completely wrong, signals have existed before react and hooks, it's more like solid though.

@josephcobbinah5412 Год назад

@@TayambaMwanza I will do some reading on solid to understand better. Thanks

@Saurabh.P Год назад

Even though outside they look similar, React useState and Signals are totally different under the hood. Signal is truly Reactive.

@nextpage5707 Год назад

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😢

@user-og7de8ih4f Год назад

Same with Java new release every 6 month .. yes but there build are very stable though difference between Language updates & framework updates

@lucasterable Год назад

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! :(

@totallynotchosen183 Год назад

Just don't update as soon as new stuff is released?

@MagicNumberArg Год назад

Angular has always been a poorly planed and shabbily executed framework. Why would it change now?

@Daijyobanai Год назад

@@totallynotchosen183 What? And not get hired because I can't talk fluently about yesterday's updates?

@mrbuddhu Год назад

@bobetto338 Год назад

VEILUE...

@jumanjimusic4094 Год назад

Whersyion Seixtein

@mohitkaushik1292 Год назад

So they want to do it the reactjs way 🤷‍♂️

@Satyam-IN Год назад

Voice is AI generated.

@nerdynaga Год назад

Vayluueee

@norbertcsibi7720 Год назад

new Veliu depend on new Veliu then Veliu gets triggered. Now the new Veliu is 2 because the before Veliu :D

@mihirdharangaonkar6916 Год назад

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.

@LarsRyeJeppesen Год назад

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?

@mihirdharangaonkar6916 Год назад

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.

@reeteshvirous1359 Год назад

@@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.

@user-ew5bm2sp7g Год назад

@@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.

@oktomatiko59 Год назад

@@mihirdharangaonkar6916 LOL, react needs yet another framework to get all problems solved! Ridiculous...

@withinloop 11 месяцев назад

It looks like a react Hook😅

@peanutcelery Год назад

I love you max but your angular course is so outdated

@DJHightower77 Год назад

A video about signals without mentioning observables? Bad, really bad.

@christophersuarez1356 Год назад

This seems like a copy of Svelte stores 🤨

@orthodoxNPC Год назад

Change detection is one of the easiest functionalities to implement. total non-feature, it already sounds bloated

@LarsRyeJeppesen Год назад

Found the arm chair developer

@Mr_BetaMax Год назад

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.