Introducing... the NEW Angular framework 

Everytime I learn something new a whole new paradigm drops, I feel like I am running in infinte race

I haven’t used Angular in a minute but kudos to them for making big improvements to the DX. Feel like it fits an important need in the market and the code looks so nice now

I really like the direction that Angular is heading! Thanks for putting this together!

Hey Joshua, i bought all of your courses including eliteionic. Just wanted to say thank you for providing advanced Angular content and such high quality courses! Your work is much appreciated

This is what I was hoping for a year ago when I had reached a good understanding of angular :) I am very happy to see this. Currently I am working with react and I miss angualr, but as you mentioned I doubt my company and team would allow me to implement all these new features easily ...

Great video, thank you!

most companies have a lot of trouble with these reactive patterns and sometimes devs are not even allowed to use the new features

Thank you Joshua!

I love where Angular is heading these days!

Grab the course: angularstart.com/

Thanks a lot. ❤

I have been using angular for work and on a pretty large scale project. I extensively used signals for one of our feature and for those looking to implement, make sure to have proper usage of it or else its gonna create a havoc when the data is not tracked. Also its a pain to wait for a signal to finish in case some data depends on it. Another thing is AG GRID doesn't support signal cell refreshing.

Good video, Joshua

that's what i thought. Angular never went anywhere!!! I'm pretty excited about the future of the framework. The 17 version and probably the next version with signal component would change the way people see angular.

Was eagerly waiting for your video 🎉. I wish they had introduced signal inputs, other than that i am very impressed with NgRenaissance

1:34 "When you company refactors away from them in 3 years" 😂 The nice thing about it is that you can just run the standalone migration script, and it kind of works. I wasn't able to get rid of all modules, but I was able to convert all components to standalones so I can still largely ignore modules.

The only thing I wish for is some naming convention. The $ for observables make it really easy to read code. Seeing the difference between a value and a signal is now bind to your ide..

Does the course covers SSR as well? Thanks for the great content!

Best Angular youtuber!

Great video Josh. I'm excited to try out these new features in Angular 17. One comment: What is the downside of always putting html-template info directly in the .ts file? (kind of a loaded question since I know some downsides). Do you follow this practice just to simplify your examples?

Hey! Thanks for the vid! Routing standalone components as you showcased doesn't lazy-load them, or does it?

Just bought your angular course! Do you think there will be some major changes on how forms are done in Angular either template driven or reactive forms with signals?

I learn Angular with RxJS and observables, using Subject to refresh data, | async, etc and I personnaly love it but since the introduction of signals, I can't see where I would use them in my app besides for Inputs. I feel like signals where created in order to start stepping away from RxJS. I'd love to hear some opinions from senior dev if they really use signals in their daily code

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?

Hi Josh, I work with angular 14 and I really want to upgrade us to the newest version. Do you have any content on upgrading versions?

Great video as always, but how did you get your inline styles to highlight in neovim? switching to neovim and its been a pain a bit mostly for syntax highlighting

Thanks for the video! I am interested if the ngrx state management is also a topic in the course? 🔥

Hey, Joushua! I am learning angular from quite a time,and now i wanted to take a RxJS course. so, would you suggest taking RxJS course at this moment when the signals are taking over the game of change detection. So, is it possible to make an angular app with signals, completely eliminating learning and implementing RxJS.

Can somebody explain me, why injecting some services via constructor is no more cool and it is replaced by calling inject(xService) on every line where component property is declared? Thanks

Thanks for this video. I had a quick look to your course modules and you don't seem to explain how to test properly an Angular application. Do you have any plans for it?

Hi Josh 😎 Any plans to release video courses in the future, took a look at your course outline it looks fantastic?

Can we upgrade to extended course later or if I buy the standard, the I will have to buy the extended completly?

hey cool stuff about angular 17 and want to know which font you were using in your Nvim

Where did you find info about signal based components?

i love angular because am a java lover

Looking at your course I'm interested in basic to advance angular content projection. I could be wrong but I am not seeing it in your lessons.

My favorite Javascript Frmewome is Repact!

📝 Summary of Key Points: The video discusses the new features and improvements in Angular, emphasizing that it is a completely new framework and not just another version of AngularJS. Migration tools are available for developers to transition to the new framework. The new Angular eliminates the need for NG modules and simplifies the application setup process. Standalone components can be used instead, and necessary functionality can be imported directly into the component. The video explores various modern Angular concepts used in a basic to-do app, such as the inject function, standalone components, and self-closing tags. It also mentions the upcoming simplified approach to inputs and outputs with signal-based components. The video briefly touches on using RxJS with Angular, acknowledging its benefits but also recognizing the challenges it may pose for beginners. The presenter promotes their Angular course, which covers beginner and advanced concepts in Angular development, using techniques used by professional developers and companies. 💡 Additional Insights and Observations: The video highlights the significant improvements and new features in Angular, making it a more intuitive and powerful framework. The presenter acknowledges the efforts of the Angular team in making Angular a contender among modern frameworks. The video mentions the aesthetic appeal of the new Angular logo. 📣 Concluding Remarks: The video provides an overview of the new features and improvements in Angular, showcasing its potential to enhance performance, user experience, and developer experience. It emphasizes the flexibility of the framework and the availability of migration tools for developers. The presenter also promotes their Angular course as a resource for learning Angular development. Made by: Talkbud

My goal is to learn MEAN Stack. But I might gonna transition to Next JS because it is more easy to start with. But now I'm see this update and I have mix thoughts.

Will you include rxJS in the anuglar course?

Man, I'm ultra into buying the course, specially because it is text based, but is super expensive here, I'm from LATAM, Guatemala. will you somehow, give some kind o adjusted price in countries like mine? I mean, here, the minimum month wage is around 350 dollars and even worst I'm a student, so no Job, I can't buy a course worth 120 dollars 😅.

I wish they'd drop a fix for Material theming... Contrast colors on custom theming still doesn't work since v15

About the folder structure, I love it, but I find a case that I don't really know how to handle properly. I value a lot your opinion so it could be great if you can answer. Suppose a settings feature, where you have tabs for the different kind of settings (Profile, Preferences, Privacy...). Following this folder structure, You'll have a smart component to hold the tabs, and probably another 3 smart components, one per page. My doubt is, should I create a new feature folder for each one? Or should I create them inside the settings feature in some sort of "smart" folder as well as done in "ui". I find odd to create a new folder called smart, but I also found odd to create 3 different feature folders for non routed components (remember that this setting page use tabs)

Can we get access to the code u were giving examples from?

Is signal being used as a drop in replacement to behaviorSubject for state?

What Angular LSP do you use in your Neovim config?

Correct me if I'm wrong, but at 7:45 #todos is not private if you do not add the private keyword, this is just a second public property that starts with an #. Or is there a feature that I don't know about that makes properties named #xxx private ?

are those @for and @if symbols coming with Angular 17?! I can't find much info about them on the web

yeah now I only need a easy AF upgrading tutorial from all the way from 10 to 17! Then I can convince my team to work on a much better framework.

Can I try the new version on my local machine or only online? I can't manage to install it

Where do you find the 'new' angular website as it is shown at start ?

I guess now it just started looking like Vue imo... There it is refs, here it's signals and with a few template syntax differences. Also Rxjs is a stand alone library, meaning, it can be used on plain Javascript, React, Vue, Angular wherever. Now the devs can make an informed decision whether to use it because, as you said 5:30 it is best to have a choice, also looking forward to work with both Rx and signals PS: React is watching👀

7:50 interesting that you are using the javascirpt native "private" and not the typescript. I haven't seen many people use it. Should I start doing that instead of typescript "private"?

This is an amazing theme you're using, please what is the name?

Do I get a certificate if I finish your course?

Is it worth learning as my first frontend framework?

6:13 That's me.

looks like every signal based property is an input and output at the same time.. basicly it would make some things easier and some things harder internally, regarding change detection

It's all sounds pretty good but it still sucks that you can't call `input` programmatically to create reusable sets of inputs or functions that generate inputs. Being able to do that is one of the things I really miss in Angular and is really easy in react (since props are just types and you can easily reuse and mix and match types using typescript)

🎯 Key Takeaways for quick navigation: 00:00 🚀 Angular has undergone significant updates and improvements, offering better performance, user experience, and developer experience. 01:24 🔄 NG modules are no longer necessary in the latest Angular version, making the framework more intuitive for developers. 03:56 🔄 Signal-based components are coming soon, simplifying inputs and outputs in Angular and allowing components to react to input changes. 05:33 🔗 Signals and RxJS are powerful tools in Angular, though they require an investment of time to learn. 08:50 🆕 Angular has made significant improvements, making it more appealing to new developers and shedding its reputation as a framework for legacy code. Made with HARPA AI

This is cool and all. But when will I get to use it xd. Where is the time to learn this all at once, doing it bit by bit seem pointless, it will probably be "deprectated" like ng-deep soon. Meaning I will be stuck having to go around figuring what was done using what approach. Too much at once. But that is just the Angular way, yet again.

Why not just jsx at this point instead of control flow syntax?

no any plan to put this course on Udemy too?

What about SSR ? Does this version provide SSR out of the box ? Or is it yet again a nightmare?

What theme do you use?

this still looks very complex vs something like svelte, damn

I think you should make a package for RIGNALS.

The `Signal` not good enough for me as good as a `BehaviorSubject`, I don't like the idea to combine RxJs & Signal...

Now is a good time to go out of sabatical and start learning again 😂

love your videos :)

What is the theme of the idea for you?

tour of heros .....

Would love to get this! However, the dollar is too powerful against my local currency. 😭

what IDE is he using???

That's the ng poland logo. Not a new overall logo

❌ RxJS fan ❌ Signals fan ✅ Rignals enjoyer 🗿

is true that a lot of people i know they dont like angular for rxjs

Signals are totally bugged out right now :/

I really like the new API and signals are amazing. Sadly (not really), we will lose all the java-lovers (and their crappy java-like ts)...

data-access + ui + utils == model + view + controller

Now I just have a migrate 7 big applications 😢

Is signal based component ready to use in Angular 17? Correct me if i am wrong, in the last part of the talk ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Wq6GpTZ7AX0.html they mentioned it, sounds like Minko and Simona said they are still working on it.

@for loop is not correctly working with fking typescript

Glad im using blazor lol

What's the purpose of using inject(...) everywhere? Service locator is an antipattern everywhere and you're only obfuscating the dependencies of the components, making much less evident which are its dependencies as you need to check which ones are being injected and which aren't in order to feed mocks during testing. Nice video otherwise, just that this injection thing really annoys me as it seems like compromising the most basic principles for the sake of oversimplifying things for those that don't want to learn how this works with OOP.

Great video as always! As a developer who’s been with angular since it was in beta, I must admit I’m not overly excited about some of the changes coming. I think a lot of them are great but I feel like parts of it are try too hard to make the framework look cool and simple rather than doing what they always do and make a frame work that is opinionated and best practice focused. As a side, I really dislike working with react and I feel like angular’s trying to hard to become the new react. That said, I worry that I’m just turning into a grumpy old developer who doesn’t like new things so 🤐🤐😂 I’m sure in 6 months I’ll love it all haha

They should have just gone with JSX

But why these template chances, I find these soooo unreadable

Slowly but surely Angular is starting to look like react

Really disappointed signal-based components are deferred, we've been waiting years for reified reactivity. For me, it was the only real unambiguous win in this release. I know i'm in the minority but i find the @ syntax to be really jarring and completely incongruent with decades of markup based webdev. I went from super pumped about this release to probably skipping it. It feels very transitional where the value isn't being realized yet. I'm glad they didn't break everything again, but i'm not convinced the ng 3.0 we're iterating towards is the right direction.

Angular became more and more similar to 5 yo Vue)))

I don't think signals are a better choice than NGRX for managing state personally.

having to write js functions in a string feels werid and ugly to me. I know that's how it could be written in HTML but for an abstraction, they could remove it.

Looks like Adobe logo lol

I don't like the way Angular goes. It had good abstraction level with Input, Output, Injection things + rxjs Subject and observables. Good usage of directives on plain html rather than use of jsx/tsx/(asx?). You could get less syntax to do anything you want. But with this 'rect-ish' approach it's a mess. Signal for this, signal for that, signal for wiping ass, signal to make your beaver daughter happy, e.t.s. Now breaking templates with this @for and @empty. It's truly became collectioning and memorizing of syntax rather than programming. Framework is the framework, I know. It gives you pack of best-practice things. But I prefer less code to make own things. K.I.S.S. fGs!

Better Angular, but now it's 2003

signal state management is shit, If you work with enterprise project. So what profit with Angular in landing page project? Angular tests own users , they want do "better" , but doesn't know how it do.

Angular > React > Vue this is how I rank them up. I love Angular and I wont ever stop using it, I dabbled with React and I got severe headaches with it, so yeah no. :D And Vue is a mess.

Its not new Angular Framework Its just new version Dont do click bait please

Still inferior to Vue or Svelte. They should just drop the project tbh