Introducing... the NEW Angular framework

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 มิ.ย. 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

ความคิดเห็น • 230

  • @deadlyecho
    @deadlyecho 7 หลายเดือนก่อน +139

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

    • @draylegend
      @draylegend 7 หลายเดือนก่อน +32

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

    • @deadlyecho
      @deadlyecho 7 หลายเดือนก่อน +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 7 หลายเดือนก่อน +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 7 หลายเดือนก่อน +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 7 หลายเดือนก่อน +2

      Just build what you gotta build

  • @jamienordmeyer4345
    @jamienordmeyer4345 7 หลายเดือนก่อน +10

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

  • @ihasmax
    @ihasmax 7 หลายเดือนก่อน +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

  • @RicShaa
    @RicShaa 7 หลายเดือนก่อน +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

  • @bripowered
    @bripowered 7 หลายเดือนก่อน

    Thank you Joshua!

  • @3pleFly
    @3pleFly 7 หลายเดือนก่อน +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  7 หลายเดือนก่อน +1

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

    • @giri404
      @giri404 7 หลายเดือนก่อน +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 7 หลายเดือนก่อน +2

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

  • @phennexion
    @phennexion 7 หลายเดือนก่อน

    Great video, thank you!

  • @bullettime2808
    @bullettime2808 7 หลายเดือนก่อน +4

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

  • @schankam
    @schankam 7 หลายเดือนก่อน

    I love where Angular is heading these days!

  • @code-island
    @code-island 7 หลายเดือนก่อน

    Good video, Joshua

  • @guilhermehenrique3458
    @guilhermehenrique3458 7 หลายเดือนก่อน +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 7 หลายเดือนก่อน

    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.

  • @devahmedismael
    @devahmedismael 7 หลายเดือนก่อน

    Thanks a lot. ❤

  • @ShaharHarshuv
    @ShaharHarshuv 7 หลายเดือนก่อน

    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.

  • @mdfalexis
    @mdfalexis 7 หลายเดือนก่อน

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

  • @JoshuaMorony
    @JoshuaMorony  7 หลายเดือนก่อน +9

    Grab the course: angularstart.com/

    • @ferlezcano
      @ferlezcano 7 หลายเดือนก่อน

      I bought it already! 💪🏼

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน

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

    • @RobertMulderNL
      @RobertMulderNL 7 หลายเดือนก่อน

      @@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  7 หลายเดือนก่อน +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 7 หลายเดือนก่อน

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

  • @giri404
    @giri404 7 หลายเดือนก่อน +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  7 หลายเดือนก่อน +4

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

    • @giri404
      @giri404 7 หลายเดือนก่อน

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน +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

  • @ltd_music
    @ltd_music 7 หลายเดือนก่อน +1

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน +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 7 หลายเดือนก่อน +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 :)

  • @prodevus
    @prodevus 7 หลายเดือนก่อน

    Best Angular youtuber!

  • @CptProv
    @CptProv 7 หลายเดือนก่อน

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน

      Yes it lazy loads

  • @JoshIbbotson-
    @JoshIbbotson- 7 หลายเดือนก่อน

    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?

  • @g-luu
    @g-luu 6 หลายเดือนก่อน

    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  6 หลายเดือนก่อน

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

  • @ancadea9436
    @ancadea9436 7 หลายเดือนก่อน

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน

      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.

  • @CodingAbroad
    @CodingAbroad 7 หลายเดือนก่อน +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?

  • @darrennienaber6488
    @darrennienaber6488 7 หลายเดือนก่อน

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน +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 7 หลายเดือนก่อน

    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  7 หลายเดือนก่อน +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

  • @zilaidawwab4252
    @zilaidawwab4252 7 หลายเดือนก่อน

    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  7 หลายเดือนก่อน +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 ;)

  • @JustinTrentesaux
    @JustinTrentesaux 7 หลายเดือนก่อน

    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  7 หลายเดือนก่อน +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

  • @abdelhaibouaicha3293
    @abdelhaibouaicha3293 7 หลายเดือนก่อน

    📝 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

  • @ancadea9436
    @ancadea9436 7 หลายเดือนก่อน

    Will you include rxJS in the anuglar course?

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน

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

  • @anuragsingh-ts3nb
    @anuragsingh-ts3nb 7 หลายเดือนก่อน

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน

      I'm using MesloLGS NF

  • @erxulaco23
    @erxulaco23 7 หลายเดือนก่อน

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน +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)

  • @LouisDuran
    @LouisDuran 7 หลายเดือนก่อน +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  7 หลายเดือนก่อน

      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

  • @nemanjazivaljevic1656
    @nemanjazivaljevic1656 7 หลายเดือนก่อน

    Where did you find info about signal based components?

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน +2

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

  • @Nakhaan
    @Nakhaan 7 หลายเดือนก่อน +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 7 หลายเดือนก่อน +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 7 หลายเดือนก่อน

      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.

  • @christianhalaby832
    @christianhalaby832 7 หลายเดือนก่อน

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน

      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)

  • @USONOFAV
    @USONOFAV 4 หลายเดือนก่อน

    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.

  • @francescopiemontese515
    @francescopiemontese515 6 หลายเดือนก่อน

    What Angular LSP do you use in your Neovim config?

    • @JoshuaMorony
      @JoshuaMorony  6 หลายเดือนก่อน

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

  • @radovanracak
    @radovanracak 7 หลายเดือนก่อน

    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

  • @avi7278
    @avi7278 7 หลายเดือนก่อน

    My favorite Javascript Frmewome is Repact!

  • @_Greenflag_
    @_Greenflag_ 7 หลายเดือนก่อน

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน +1

      That's available at angular.dev now

    • @_Greenflag_
      @_Greenflag_ 7 หลายเดือนก่อน

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

  • @lukazohar6159
    @lukazohar6159 7 หลายเดือนก่อน

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน +1

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

  • @hendrawijaya4902
    @hendrawijaya4902 7 หลายเดือนก่อน +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

  • @HikaruAkitsuki
    @HikaruAkitsuki 7 หลายเดือนก่อน +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 7 หลายเดือนก่อน

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

  •  7 หลายเดือนก่อน

    Do I get a certificate if I finish your course?

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน +1

      No sorry, there is no certificate on completion

  • @gageracer
    @gageracer 7 หลายเดือนก่อน

    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.

  • @collectingretrotech
    @collectingretrotech 7 หลายเดือนก่อน

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน

      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

  • @folaemmanuel7719
    @folaemmanuel7719 4 หลายเดือนก่อน

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

    • @JoshuaMorony
      @JoshuaMorony  4 หลายเดือนก่อน

      it's gruvbox

  • @user-ed2zi5qp9g
    @user-ed2zi5qp9g 7 หลายเดือนก่อน

    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  7 หลายเดือนก่อน

      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.

  • @ekeneuduike9674
    @ekeneuduike9674 หลายเดือนก่อน

    i love angular because am a java lover

  • @aravindmuthu5748
    @aravindmuthu5748 7 หลายเดือนก่อน

    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 7 หลายเดือนก่อน +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.

  • @CouchPotatoWizard
    @CouchPotatoWizard 7 หลายเดือนก่อน

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน +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: th-cam.com/video/iA6iyoantuo/w-d-xo.html

    • @CouchPotatoWizard
      @CouchPotatoWizard 7 หลายเดือนก่อน

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

  • @v.bourdeix
    @v.bourdeix 7 หลายเดือนก่อน

    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  7 หลายเดือนก่อน +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 7 หลายเดือนก่อน

      @JoshuaMorony ok cool thanks for the input 👍

  • @brandonjoaocastillo7490
    @brandonjoaocastillo7490 7 หลายเดือนก่อน +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 😅.

  • @dangerfox1776
    @dangerfox1776 7 หลายเดือนก่อน +1

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

    • @_emnljrz
      @_emnljrz 7 หลายเดือนก่อน

      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.

  • @KimberlyWilliamsch
    @KimberlyWilliamsch 7 หลายเดือนก่อน

    Is it worth learning as my first frontend framework?

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน

      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.

  • @cureadvocate1
    @cureadvocate1 7 หลายเดือนก่อน

    What theme do you use?

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน +1

      Gruvbox :)

    • @cureadvocate1
      @cureadvocate1 7 หลายเดือนก่อน

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

  • @Wzymedia
    @Wzymedia 7 หลายเดือนก่อน

    6:13 That's me.

  • @ShaharHarshuv
    @ShaharHarshuv 7 หลายเดือนก่อน

    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  7 หลายเดือนก่อน

      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 7 หลายเดือนก่อน

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

  • @Silwiu
    @Silwiu 7 หลายเดือนก่อน

    no any plan to put this course on Udemy too?

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน

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

  • @draylegend
    @draylegend 7 หลายเดือนก่อน +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  7 หลายเดือนก่อน

      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

  • @hamm8934
    @hamm8934 7 หลายเดือนก่อน

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

  • @fev4
    @fev4 7 หลายเดือนก่อน

    this still looks very complex vs something like svelte, damn

    • @IamSH1VA
      @IamSH1VA 7 หลายเดือนก่อน +1

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

  • @axi._.x4043
    @axi._.x4043 7 หลายเดือนก่อน

    What is the theme of the idea for you?

  • @ShaharHarshuv
    @ShaharHarshuv 7 หลายเดือนก่อน

    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  7 หลายเดือนก่อน

      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 7 หลายเดือนก่อน

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

  • @gauravchan36
    @gauravchan36 7 หลายเดือนก่อน

    I think you should make a package for RIGNALS.

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน

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

  • @qaush
    @qaush 7 หลายเดือนก่อน

    love your videos :)

  • @zMyX
    @zMyX 7 หลายเดือนก่อน +1

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

  • @tntg5
    @tntg5 7 หลายเดือนก่อน

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

  • @Zutraxi
    @Zutraxi 6 หลายเดือนก่อน

    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.

  • @wim1983
    @wim1983 4 หลายเดือนก่อน +1

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

    • @DarpaProperty
      @DarpaProperty หลายเดือนก่อน

      Exactly my issue.

  • @michalzarddev
    @michalzarddev 7 หลายเดือนก่อน

    what IDE is he using???

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน

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

  • @compton8301
    @compton8301 7 หลายเดือนก่อน

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

  • @tobi-b
    @tobi-b 7 หลายเดือนก่อน

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

  • @p33t3rpark3r
    @p33t3rpark3r 7 หลายเดือนก่อน

    tour of heros .....

  • @vvsg2
    @vvsg2 7 หลายเดือนก่อน

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

  • @zero14111990
    @zero14111990 7 หลายเดือนก่อน

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

    • @robinparadise
      @robinparadise 7 หลายเดือนก่อน

      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 7 หลายเดือนก่อน

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

  • @peterlovetube
    @peterlovetube 7 หลายเดือนก่อน

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน +1

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

  • @cocoscacao6102
    @cocoscacao6102 7 หลายเดือนก่อน

    Signals are totally bugged out right now :/

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน

      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 7 หลายเดือนก่อน

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

  • @Mooooov0815
    @Mooooov0815 7 หลายเดือนก่อน

    Now I just have a migrate 7 big applications 😢

  • @Darkmanter36
    @Darkmanter36 5 หลายเดือนก่อน +1

    @for loop is not correctly working with fking typescript

  • @AlJey007
    @AlJey007 7 หลายเดือนก่อน

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

  • @LP...
    @LP... 7 หลายเดือนก่อน

    ❌ RxJS fan
    ❌ Signals fan
    ✅ Rignals enjoyer 🗿

  • @TheRyanSmee
    @TheRyanSmee 7 หลายเดือนก่อน

    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 7 หลายเดือนก่อน

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน +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 7 หลายเดือนก่อน

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

  • @lkjhoiuy97yjhgghfyrthgvjhguty
    @lkjhoiuy97yjhgghfyrthgvjhguty 7 หลายเดือนก่อน

    They should have just gone with JSX

  • @cherry-wav3
    @cherry-wav3 7 หลายเดือนก่อน +1

    But why these template chances, I find these soooo unreadable

  • @ghevisartor6005
    @ghevisartor6005 7 หลายเดือนก่อน

    Glad im using blazor lol

  • @adambickford8720
    @adambickford8720 7 หลายเดือนก่อน +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 7 หลายเดือนก่อน

      skill issue

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน

      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 7 หลายเดือนก่อน

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

    • @adambickford8720
      @adambickford8720 7 หลายเดือนก่อน +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 ;)

  • @CesarDemi81
    @CesarDemi81 7 หลายเดือนก่อน

    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.

  • @johnvandenberg1448
    @johnvandenberg1448 7 หลายเดือนก่อน +1

    Slowly but surely Angular is starting to look like react

  • @olehtalanov6697
    @olehtalanov6697 7 หลายเดือนก่อน

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

  • @phoneywheeze9959
    @phoneywheeze9959 7 หลายเดือนก่อน

    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.

  • @dixienormus8097
    @dixienormus8097 7 หลายเดือนก่อน

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน

      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

  • @hugo-onzakorderra8851
    @hugo-onzakorderra8851 7 หลายเดือนก่อน

    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 7 หลายเดือนก่อน

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

    • @davesharman8302
      @davesharman8302 7 หลายเดือนก่อน

      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 7 หลายเดือนก่อน

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

  • @eramires
    @eramires 7 หลายเดือนก่อน +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 7 หลายเดือนก่อน +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 7 หลายเดือนก่อน

      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 7 หลายเดือนก่อน

      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

    • @eramires
      @eramires 7 หลายเดือนก่อน

      @@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,) 😂.

    • @eramires
      @eramires 7 หลายเดือนก่อน

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

  • @btx47
    @btx47 7 หลายเดือนก่อน

    Looks like Adobe logo lol

  • @falk167
    @falk167 7 หลายเดือนก่อน

    Better Angular, but now it's 2003

  • @EtoBARAKUDAvasa
    @EtoBARAKUDAvasa 7 หลายเดือนก่อน

    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.

  • @noormohammedshikalgar
    @noormohammedshikalgar 7 หลายเดือนก่อน +4

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

    • @JoshuaMorony
      @JoshuaMorony  7 หลายเดือนก่อน +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 7 หลายเดือนก่อน +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 7 หลายเดือนก่อน +1

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

    • @rob.ale90
      @rob.ale90 7 หลายเดือนก่อน +2

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

    • @TayambaMwanza
      @TayambaMwanza 7 หลายเดือนก่อน +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

  • @cristianosoleti489
    @cristianosoleti489 7 หลายเดือนก่อน +1

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