Introducing... the NEW Angular framework

Поділитися
Вставка
  • Опубліковано 26 лип 2024
  • My new Angular course: angularstart.com/
    The Angular team have been hinting and teasing at an upcoming announcement for Angular, and it's finally here!
    We already have a ton of new features like signals and standalone components, with many more to come including signal based components with massive improvements to change detection. To match this new age of Angular, the team have re-branded with a new site, new docs, and a fancy new logo!
    More on the state management approach: • My NEW default for sta...
    0:00 Introduction
    1:24 Standalone components
    2:16 Folder structure
    2:45 Routing
    3:08 Modern features
    3:36 Control flow
    3:49 Inputs and outputs
    4:33 Signals
    5:30 RxJS
    6:20 Angular Start
    7:24 State management
    8:16 Is Angular "back"?
    Get weekly content and tips exclusive to my newsletter: mobirony.ck.page/4a331b9076
    #angular #renaissance #signals

КОМЕНТАРІ • 229

  • @deadlyecho
    @deadlyecho 8 місяців тому +139

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

    • @draylegend
      @draylegend 8 місяців тому +32

      you need more experience ;) After a couple of years doing stuff, everything becomes similar, just in different colors

    • @deadlyecho
      @deadlyecho 8 місяців тому +13

      @@draylegend Sometimes its kinda frustrating... I keep learning, forgetting, and learning and you know companies these days want machines not ordinary people 😓 I love the field I really do, but I think it's lately been skyrocketing

    • @draylegend
      @draylegend 8 місяців тому +7

      ​@@deadlyecho you're right! I feel the same. Sometimes you need to take a break so you don't burn out. The key to success is consistency and focus. I choose angular. Sometimes we need to make a decision in order to move forward

    • @shustypl
      @shustypl 8 місяців тому +8

      You will change jobs then you will still find that you have to maintain and develop the application in the old technology and you have to learn something that no one uses anymore like.

    • @omarkarim9298
      @omarkarim9298 8 місяців тому +2

      Just build what you gotta build

  • @ihasmax
    @ihasmax 8 місяців тому +38

    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

  • @jamienordmeyer4345
    @jamienordmeyer4345 8 місяців тому +10

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

  • @RicShaa
    @RicShaa 8 місяців тому +1

    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

  • @3pleFly
    @3pleFly 8 місяців тому +27

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

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +1

      I hope you find the opportunity to work with it again!

    • @giri404
      @giri404 8 місяців тому +5

      Angular has changed so much these days, I would recommend anyone to give it a try, its faster and more feature rich than react IMHO. I convinced my firm to switch to angular with v16 already

    • @draylegend
      @draylegend 8 місяців тому +2

      same as staying with a girl, that you don't like and constantly staring at girl from next door XD

  • @phennexion
    @phennexion 8 місяців тому

    Great video, thank you!

  • @bripowered
    @bripowered 8 місяців тому

    Thank you Joshua!

  • @bullettime2808
    @bullettime2808 8 місяців тому +4

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

  • @JoshuaMorony
    @JoshuaMorony  8 місяців тому +9

    Grab the course: angularstart.com/

    • @ferlezcano
      @ferlezcano 8 місяців тому

      I bought it already! 💪🏼

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      @@ferlezcano Thanks, I hope you like it! 🙏

    • @RobertMulderNL
      @RobertMulderNL 8 місяців тому

      @@JoshuaMorony With Angular looking to change so drastically the coming years, will this course be updated if/when a change makes some part of it obsolete or outdated?

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +3

      ​@@RobertMulderNL I'm not making any commitments to update for Angular v43 but basically as long as I am around making content I am going to be keeping my courses as fresh as I can, and especially so for the near future with stuff like signal based components coming which I am very ready to add in to the course

    • @KENIII26
      @KENIII26 8 місяців тому

      is it me or the site is looking a little bit 'broken'?

  • @guilhermehenrique3458
    @guilhermehenrique3458 8 місяців тому +1

    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.

  • @chizuru1999
    @chizuru1999 8 місяців тому

    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.

  • @giri404
    @giri404 8 місяців тому +5

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

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +4

      I'm very eagerly awaiting signal inputs, shouldn't be too far off

    • @giri404
      @giri404 8 місяців тому

      @@JoshuaMorony do you think they will release it in this version or in v18?

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +2

      @@giri404 I think it was planned for 17.1 but things have been moving/changing a lot so I don't think we know for sure

  • @devahmedismael
    @devahmedismael 8 місяців тому

    Thanks a lot. ❤

  • @stefanck
    @stefanck 8 місяців тому

    I love where Angular is heading these days!

  • @ShaharHarshuv
    @ShaharHarshuv 8 місяців тому

    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.

  • @LouisDuran
    @LouisDuran 8 місяців тому +1

    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?

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      No this is just what I prefer generally, the major justification is just that "I like it" but I also do like that it somewhat forces me to keep my components reasonably small/break them up more quickly if necessary as of course if I have a massive template it is going to make things a bit awkward for me

  • @code-island
    @code-island 8 місяців тому

    Good video, Joshua

  • @mdfalexis
    @mdfalexis 8 місяців тому

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

  • @ltd_music
    @ltd_music 8 місяців тому +1

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

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +2

      No SSR I'm afraid! You can check out the full module/lessons list though if you're interested in seeing what is covered

    • @ltd_music
      @ltd_music 8 місяців тому +1

      @@JoshuaMorony ohh I was looking forward into it! I'll still buy the most complete package, I'm sure it will be worth every cent!
      But I'd love to see a video covering SSR improvements later :)

  • @Nakhaan
    @Nakhaan 8 місяців тому +3

    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

    • @JBuchmann
      @JBuchmann 8 місяців тому +1

      Signals have literally just been out of 'preview' mode about a day from this post, so I think very few are using it in production on a daily basis yet. But at my work we have been using Signals here and there and it's been pretty good. I think Signals are an alternative to using Subject/BehaviorSubject for many use cases. Although Signals are technically much simpler and easier to learn, I am having a hard time transitioning. I'm so used to rxjs Subjects and it's patterns that it's hard for me to switch over. I guess it will take some time.

    • @chizuru1999
      @chizuru1999 8 місяців тому

      Here's one small example.
      Let's say your app has a lot of dropdowns and needs to call several APIs to fetch them.
      Managing them with rxjs will be a headache while with signals you can directly use the computed value in the HTML and also easily update and maintain the response object.

  • @ancadea9436
    @ancadea9436 8 місяців тому

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

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      Mostly it focuses on a no library approach to state management to better understand the concepts - NgRx is not specifically covered but the approach used is NgRx/Redux like (i.e. actions handled by reducers that set state that is selected by reducers). In the extended version we do incorporate the Ngxtension library to help with state management.

  • @darrennienaber6488
    @darrennienaber6488 8 місяців тому

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

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +1

      Hey no current plans - I strongly prefer the text-based courses for maintainability (and I also just prefer them personally) but I wouldn't rule out a video course at some point. Perhaps for something more targeted/smaller in scope.

  • @MarioPineda94
    @MarioPineda94 8 місяців тому

    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?

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +1

      I think I responded to this on Twitter as well but just to have it here as well - yes, I think we will see a lot of changes in this area both from the Angular team and the community experimenting with signals

  • @prodevus
    @prodevus 8 місяців тому

    Best Angular youtuber!

  • @CptProv
    @CptProv 8 місяців тому

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

  • @HikaruAkitsuki
    @HikaruAkitsuki 8 місяців тому +1

    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.

    • @rubenheymans1988
      @rubenheymans1988 8 місяців тому

      try firebase / angular combo (well depends on the type of project though), it's awesome

  • @g-luu
    @g-luu 7 місяців тому

    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

    • @JoshuaMorony
      @JoshuaMorony  7 місяців тому

      Thanks! You can check out my LSP set up (specifically angularls) here: github.com/joshuamorony/nvim

  • @zilaidawwab4252
    @zilaidawwab4252 8 місяців тому

    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.

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +1

      I am advocate for using RxJS *with* signals, RxJS to handle data sources/events, and signals to handle state - if you want you can take my course to learn RxJS in the context of Angular/signals ;)

  • @ancadea9436
    @ancadea9436 8 місяців тому

    Will you include rxJS in the anuglar course?

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      Oh yes, it is very much included :) RxJS + Signals is a core idea throughout the course

  • @anuragsingh-ts3nb
    @anuragsingh-ts3nb 8 місяців тому

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

  • @nemanjazivaljevic1656
    @nemanjazivaljevic1656 8 місяців тому

    Where did you find info about signal based components?

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +2

      The proposed APIs were covered in the Signal RFCs the Angular team put on GitHub a while ago

  • @erxulaco23
    @erxulaco23 8 місяців тому

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

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +1

      You can upgrade just by paying the difference you would just have to contact me to set it up for you (and there wouldn't be the launch discount)

  • @JoshIbbotson-
    @JoshIbbotson- 8 місяців тому

    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?

  • @JustinTrentesaux
    @JustinTrentesaux 8 місяців тому

    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?

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +2

      Not for this course no - the only course material I have right now for testing is in my advanced Elite Ionic course, but I do have a fair few videos on this channel that cover various aspects of testing Angular applications

  • @aravindmuthu5748
    @aravindmuthu5748 8 місяців тому

    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👀

    • @mrgalaxy396
      @mrgalaxy396 8 місяців тому +1

      All of these frameworks are converging on the same concepts from what I've seen. React, Vue, Angular, Svelte, Solid, it's all starting to look alike with some syntax differences. To me that's a sign that the web ecosystem is maturing and settling on patterns that have been shown to work the best for most web applications.

  • @dangerfox1776
    @dangerfox1776 8 місяців тому +1

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

    • @_emnljrz
      @_emnljrz 8 місяців тому

      And they say material is top 1 UI choice for angular, but the amount of boilerplate to you need write gadayumn! As compare to antdesign for angular which is seating at number 2 choice UI framework for angular.

  • @radovanracak
    @radovanracak 8 місяців тому

    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

  • @CouchPotatoWizard
    @CouchPotatoWizard 8 місяців тому

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

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +1

      It fills a similar role, but there are significant difference from a usage standpoint and also for how the framework can handle them internally for change detection. I have some more in-depth thoughts in this video: ua-cam.com/video/iA6iyoantuo/v-deo.html

    • @CouchPotatoWizard
      @CouchPotatoWizard 8 місяців тому

      @@JoshuaMorony Thanks, I'll take a look at the video you linked.

  • @CodingAbroad
    @CodingAbroad 8 місяців тому +1

    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?

  • @abdelhaibouaicha3293
    @abdelhaibouaicha3293 8 місяців тому

    📝 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

  • @user-ed2zi5qp9g
    @user-ed2zi5qp9g 8 місяців тому

    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)

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      The example in the video is a simple approach but it is common/normal to have nested features - the example still is somewhat simpler than your scenario but of of my other course apps does something like this (take a look at the auth feature which is made up of login/register): github.com/joshuamorony/angularstart-chat/tree/main/src/app/auth - there are slightly different ways you could go about this but you might create a 'settings' feature, within that you could have a 'shell' feature that contains the smart component for managing the tabs, and then you would also have (alongside 'shell' as siblings) a 'profile' feature, 'preferences' feature and so on.

  • @gageracer
    @gageracer 8 місяців тому

    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.

  • @brandonjoaocastillo7490
    @brandonjoaocastillo7490 8 місяців тому +2

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

  • @draylegend
    @draylegend 8 місяців тому +1

    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

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      Change detection is still a work in progress, but my understanding is that signals do make it significantly easier. If you go with a zoneless/signal only based change detection (e.g. what signal based components will probably be), then change detection becomes quite easy because Angular knows the context in which the signal is being used and it knows when that signal has updated. I think we are likely going to get change detection localised to the granularity of views within components (not quite to the DOM node level), which will be pretty dramatic improvement

  • @ShaharHarshuv
    @ShaharHarshuv 8 місяців тому

    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)

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      Yeah I don't have super deep knowledge here, but I don't think this is really possible with Angular because the compiler needs to handle the inputs

    • @ShaharHarshuv
      @ShaharHarshuv 8 місяців тому

      @@JoshuaMoronyOK I've given it some thought and I understand what you mean. It's going to be pretty hard to infer what inputs would be available for the component at build time and thus impossible to do type checking. I still wish there was some way of reuse. (For example have a way to group a list of reusable inputs in a specific way so that the compiler is aware of it in runtime.

  • @_Greenflag_
    @_Greenflag_ 8 місяців тому

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

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +1

      That's available at angular.dev now

    • @_Greenflag_
      @_Greenflag_ 8 місяців тому

      @@JoshuaMoronyAngular SEO has always been problematic. Impossible to find the new site otherwise than via direct link. Not referenced on google. Already had this problem while searching some concepts.

  •  8 місяців тому

    Do I get a certificate if I finish your course?

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +1

      No sorry, there is no certificate on completion

  • @avi7278
    @avi7278 8 місяців тому

    My favorite Javascript Frmewome is Repact!

  • @lukazohar6159
    @lukazohar6159 8 місяців тому

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

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +1

      You can use the RC version of the CLI (@angular/cli@next) to generate an app with v17

  • @USONOFAV
    @USONOFAV 5 місяців тому

    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.

  • @cureadvocate1
    @cureadvocate1 8 місяців тому

    What theme do you use?

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +1

      Gruvbox :)

    • @cureadvocate1
      @cureadvocate1 8 місяців тому

      Thanks! The doom-gruvbox theme in emacs isn't quite the same, unfortunately.@@JoshuaMorony

  • @folaemmanuel7719
    @folaemmanuel7719 5 місяців тому

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

  • @ShaharHarshuv
    @ShaharHarshuv 8 місяців тому

    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"?

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      Technically there are run time benefits but imo it doesn't really matter, the main reason I use it is because I think it is a nicer way to name a public/private version of the same thing e.g. I can't do private myThing; public myThing I'd have to do something like private _myThing or whatever, but with the private field syntax I can just do #myThing; myThing which feels nice to me

    • @ShaharHarshuv
      @ShaharHarshuv 8 місяців тому

      @@JoshuaMorony We've been using the lodash syntax, which I think is a custom from OOP languages like java

  • @christianhalaby832
    @christianhalaby832 8 місяців тому

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

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      Yes you can find it here: github.com/joshuamorony/angularstart-todo (keeping in mind the input/outputs in the video were faked so you will see the old style for that)

  • @fev4
    @fev4 8 місяців тому

    this still looks very complex vs something like svelte, damn

    • @IamSH1VA
      @IamSH1VA 8 місяців тому +1

      Every Js framework is unnecessarily complex compared to Svelte (also Vue seems similar to svelte)

  • @collectingretrotech
    @collectingretrotech 8 місяців тому

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

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      It is, search out "control flow" or "@-syntax" - I have some recent videos that show/talk about it a bit but you'll find a fair amount of content out there

  • @qaush
    @qaush 8 місяців тому

    love your videos :)

  • @hendrawijaya4902
    @hendrawijaya4902 8 місяців тому +1

    🎯 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

  • @KimberlyWilliamsch
    @KimberlyWilliamsch 8 місяців тому

    Is it worth learning as my first frontend framework?

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      Depends on your goals - e.g. if its to find a job then might be a good idea to check what sorts of jobs are available in your area first (there are places where Angular is more common that React and vice versa, but generally React is more widely used). But there's plenty of people with great careers using Angular.

  • @Wzymedia
    @Wzymedia 8 місяців тому

    6:13 That's me.

  • @Silwiu
    @Silwiu 8 місяців тому

    no any plan to put this course on Udemy too?

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      No this is a text-based course (Udemy is only video right)? But in any case I always host my own courses

  • @zMyX
    @zMyX 8 місяців тому +1

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

  • @ekeneuduike9674
    @ekeneuduike9674 2 місяці тому

    i love angular because am a java lover

  • @francescopiemontese515
    @francescopiemontese515 7 місяців тому

    What Angular LSP do you use in your Neovim config?

    • @JoshuaMorony
      @JoshuaMorony  7 місяців тому

      You can find my full config here: github.com/joshuamorony/nvim

  • @gauravchan36
    @gauravchan36 8 місяців тому

    I think you should make a package for RIGNALS.

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      I mean I didn't call it rignals but... github.com/nartc/ngxtension-platform/pull/135

  • @axi._.x4043
    @axi._.x4043 8 місяців тому

    What is the theme of the idea for you?

  • @Zutraxi
    @Zutraxi 7 місяців тому

    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.

  • @v.bourdeix
    @v.bourdeix 8 місяців тому

    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 ?

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +2

      It's a newer JavaScript feature but yes the # makes it private: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/Private_properties

    • @v.bourdeix
      @v.bourdeix 8 місяців тому

      @JoshuaMorony ok cool thanks for the input 👍

  • @hamm8934
    @hamm8934 8 місяців тому

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

  • @compton8301
    @compton8301 8 місяців тому

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

  • @michalzarddev
    @michalzarddev 8 місяців тому

    what IDE is he using???

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      neovim (my config is publicly available if you are interested: github.com/joshuamorony/nvim)

  • @tntg5
    @tntg5 8 місяців тому

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

  • @peterlovetube
    @peterlovetube 8 місяців тому

    Is signal based component ready to use in Angular 17?
    Correct me if i am wrong, in the last part of the talk ua-cam.com/video/Wq6GpTZ7AX0/v-deo.html they mentioned it, sounds like Minko and Simona said they are still working on it.

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +1

      No signal based components are not available yet, they might be coming in a minor version after the initial v17 release

  • @p33t3rpark3r
    @p33t3rpark3r 8 місяців тому

    tour of heros .....

  • @zero14111990
    @zero14111990 8 місяців тому

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

    • @robinparadise
      @robinparadise 8 місяців тому

      It's trash, so complicated when you know there is better ways to do it on other frameworks.
      If the only frameworks you know is angular, then maybe you could think angular is a great framework 😂. Still a lot to improve and obviously I'm not using it, it looks like is dying slowly.

    • @zero14111990
      @zero14111990 8 місяців тому

      @@robinparadise yeah. Si true when you start with others frameworks and see angular and the rxjs but in my case i start with angular( coming from php and see thst logic for using rxjs was to ugly XD)

  • @tobi-b
    @tobi-b 8 місяців тому

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

  • @wim1983
    @wim1983 5 місяців тому +1

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

  • @cocoscacao6102
    @cocoscacao6102 8 місяців тому

    Signals are totally bugged out right now :/

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      What issues are you having with signals? I haven't experienced any bugs (only awkward thing really has been writing tests for signal effects since we can't easily flush the effects yet)

    • @cocoscacao6102
      @cocoscacao6102 8 місяців тому

      @@JoshuaMorony I'm typing this comment for the 3rd time. Dunno why. Observables and signals sometimes don't pick up changes. I'm sure it'll be ironed out soon.

  • @vvsg2
    @vvsg2 8 місяців тому

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

  • @TheRyanSmee
    @TheRyanSmee 8 місяців тому

    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

    • @brianadams8832
      @brianadams8832 8 місяців тому

      I think the moment you use control flow, and the new partial hydration you'll change your mind.

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +1

      Thanks! I think a lot of frameworks converging on similar ideas makes it feel a bit like that, but at least for me I've never really got the feeling that Angular is becoming more React like - I think probably as long as Angular has DI it will feel like Angular to me lol

    • @TheRyanSmee
      @TheRyanSmee 8 місяців тому

      @@JoshuaMorony yeah that’s fair. I think the day angular moved away from classes and DI etc would be when I’d look for something new.

  • @AlJey007
    @AlJey007 8 місяців тому

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

  • @Mooooov0815
    @Mooooov0815 8 місяців тому

    Now I just have a migrate 7 big applications 😢

  • @ghevisartor6005
    @ghevisartor6005 8 місяців тому

    Glad im using blazor lol

  • @johnvandenberg1448
    @johnvandenberg1448 8 місяців тому +1

    Slowly but surely Angular is starting to look like react

  • @Darkmanter36
    @Darkmanter36 6 місяців тому +1

    @for loop is not correctly working with fking typescript

  • @CesarDemi81
    @CesarDemi81 8 місяців тому

    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.

  • @lkjhoiuy97yjhgghfyrthgvjhguty
    @lkjhoiuy97yjhgghfyrthgvjhguty 8 місяців тому

    They should have just gone with JSX

  • @cherry-wav3
    @cherry-wav3 8 місяців тому +1

    But why these template chances, I find these soooo unreadable

  • @adambickford8720
    @adambickford8720 8 місяців тому +2

    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.

    • @backupmemories897
      @backupmemories897 8 місяців тому

      skill issue

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      I'm happy to take what I can get at the moment (I'd prefer having some of the signal features rather than having to wait for it all at once) - but yes, signal based components are a big part of all this and it's painful running into situations where you know it would've just made things a whole lot easier.
      Obviously I've been quite positive about the direction, curious what you're hesitant about in terms of the overall direction though if you want to share

    • @adambickford8720
      @adambickford8720 8 місяців тому

      @@backupmemories897 I'd call you a moron, but you've proven there's no need.

    • @adambickford8720
      @adambickford8720 8 місяців тому +2

      @@JoshuaMorony I'm one of those 'Java devs' that *likes* the 'overengineered' solution angular is known for. The canary for me is `inject()`; we're clearly favoring 'dx' over engineering principals in modern angular.
      I like having the markup, behavior and styling as separate concerns. I don't want 'logic' in my templates. Why not just add `@let` and we can be rid of those .ts files all together!
      I also don't think signals is a good thing until its integrated w/the framework proper. If the problem is RxJs is too hard, adding another thing that has to integrate with it, when the apis and best practices aren't there, will create a mess for all but the most skilled devs. Maybe i should write the inevitable 'signal management' library while we wait ;)

  • @dixienormus8097
    @dixienormus8097 8 місяців тому

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

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому

      signals are just a reactive primitive, they aren't a state management solution in themselves but something that can be used to handle state - NgRx for example is incorporating signal based options into their libraries

  • @olehtalanov6697
    @olehtalanov6697 8 місяців тому

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

  • @phoneywheeze9959
    @phoneywheeze9959 8 місяців тому

    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.

  • @hugo-onzakorderra8851
    @hugo-onzakorderra8851 8 місяців тому

    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!

    • @ciriousjoker
      @ciriousjoker 8 місяців тому

      Signals are simplifying everything though. They have much more predictable change detection and no footguns compared to zones and rxjs

    • @davesharman8302
      @davesharman8302 8 місяців тому

      You don't of course have to use signals, and can completely use what you're used to (a least for now anyways).

    • @hugo-onzakorderra8851
      @hugo-onzakorderra8851 8 місяців тому

      ​@@davesharman8302 yeah yeah but in the end I'll have to keep up with the future

  • @btx47
    @btx47 8 місяців тому

    Looks like Adobe logo lol

  • @EtoBARAKUDAvasa
    @EtoBARAKUDAvasa 8 місяців тому

    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.

  • @duramirez
    @duramirez 8 місяців тому +2

    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.

    • @wojciechosinski5927
      @wojciechosinski5927 8 місяців тому +1

      This update is in terms of the general idea almost the same as Vue 3, so I don't really get why do you think Vue is a mess. Operations on templates, directives, script+template+styles in the same file, signals, computed variables... same thing.

    • @Barresider
      @Barresider 8 місяців тому

      Only someone who has never really used React would categorize it that way lol. I've been using React for over 6 years and Angular for 3 years in my daily work and Angular is just catastrophic in so many ways compared to React. In my experience, only backend people who have never really cared about UI/UX rate Angular that way.

    • @robinparadise
      @robinparadise 8 місяців тому

      DAmm, It's hard to understand why someone could not see how trash angular is.
      Vue is actually pretty minimalistic and so powerful that even the best developer of angular could merely get close with advance angular code (Angular does not have a Virtual DOM, so anything you wrote is worse than any Vue code) 😂.
      So No, Vue is not a mess, Angular is

    • @duramirez
      @duramirez 8 місяців тому

      @@robinparadise
      DAmm, It's hard to understand why someone could not see how trash vue is.
      Angular is actually pretty minimalistic and so powerful that even the best developer of vue could merely get close with advance angular code (Angular does not have a Virtual DOM, so anything you wrote you is better than any Vue code, because you had to learn it, instead of using a handycap feature,) 😂.

    • @duramirez
      @duramirez 8 місяців тому

      @@Barresider You probably can't read what I wrote, otherwise you would not say I "never" used React, go waste someone elses time.

  • @noormohammedshikalgar
    @noormohammedshikalgar 8 місяців тому +4

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

    • @JoshuaMorony
      @JoshuaMorony  8 місяців тому +7

      imo it is a "new" Angular, backwards compatible/can still use the old features etc. etc., but with all the changes its certainly a lot more than just some version changes and fundamentally changes the way the framework is used

    • @noormohammedshikalgar
      @noormohammedshikalgar 8 місяців тому +1

      Disagree its called Angular v17
      Not New Angular
      LOL
      It means if i change myself too much then i am reborn as new so i would need to change my DOB and all
      😂😂😂

    • @giri404
      @giri404 8 місяців тому +1

      @@JoshuaMoronyagree, the new control flow and signals alone make it a very “new” way of writing components

    • @rob.ale90
      @rob.ale90 8 місяців тому +2

      @@noormohammedshikalgar Sometimes even a haircut will be enough for others to call you new...so...

    • @TayambaMwanza
      @TayambaMwanza 8 місяців тому +1

      Bro, if you start adopting a new style and look, you can say this is the new me, but you're still the same framework.
      The angular team has said we are entering a new era of Angular

  • @falk167
    @falk167 8 місяців тому

    Better Angular, but now it's 2003

  • @cristianosoleti489
    @cristianosoleti489 8 місяців тому +1

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

  • @ElHawary
    @ElHawary 7 місяців тому

    Angular is not worth it anymore.