Angular 18 Features: A Game-Changing Evolution

Поделиться
HTML-код
  • Опубликовано: 21 сен 2024

Комментарии • 35

  • @MonsterlessonsAcademy
    @MonsterlessonsAcademy  4 месяца назад +2

    WATCH NEXT: Angular Interview Questions and Answers - Dominate Your Next Interview - ruclips.net/video/5A_YKlVWMPo/видео.htmlsi=2DCn7yspEAAJ2H6l

  • @GurovDmitriy
    @GurovDmitriy 6 дней назад

    Спасибо!
    Добавь примеров для осталых) по типу
    - что такое сервисы api
    - что такое entities и models
    - как реализовать clean arch or fsd на ангуляр
    - как пользоваться разумно tanstackQuery без зависимости прямой в шаблонах и features
    ну в целом приближенный пример production разделения слоев приложения

  • @deadlyecho
    @deadlyecho 4 месяца назад +4

    A key point here, markForCheck method previously didn't trigger change detection it only marks the components as dirty from the current component up to the root parent... but now in Angular 18 besides doing that it also triggers change detection as well...
    Thats why with signals as well as the Async pipe which call the markForCheck methods are still working properly...

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  4 месяца назад +6

      No, markForCheck does the same as before. It marks comp as dirty. It doesn't trigger change detection.
      Before we used the async pipe, so it would call the markForCheck method, and with signals, we just have to normally call them. Angular now will register an effect (consumer) that will listen to this signal and mark the template for check every time the signal changes.
      I prepare a big video about change detection. Stay tuned.

    • @kyro38
      @kyro38 3 месяца назад

      @@MonsterlessonsAcademy marking a view dirty does scheduling detection in v18 because of the hybrid CD. The only case where it won't is when opting out of hybrid CD with provideZoneChangeDetection({ ignoreChangesOutsideZone: true }),

  • @Brendan2Alexander
    @Brendan2Alexander 4 месяца назад +2

    Am ready to go zoneless. Need to check if 3rd party components need zonejs. Excellent video thank u!

  • @akuoko_konadu
    @akuoko_konadu 4 месяца назад +5

    Since im using signals everywhere i can, I'm cool 😎
    Thanks for the video

  • @LarsRyeJeppesen
    @LarsRyeJeppesen 4 месяца назад +1

    We already moved to zoneless, it's amazing

  • @hari0m
    @hari0m 3 месяца назад

    maybe its not the async pipe which is triggering the CD, I think its the interval() of the rxjs, it has cd.detectChanges() in it.

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  3 месяца назад

      No it's not. Async pipe specifically is wrapped in mark for check. I will release a video about how change detection workes in Angular soon. Stay tuned.

  • @adessilly
    @adessilly 4 месяца назад

    Do you think Zone.js will be removed in the next version? I always try to keep my teams up to date with new features in their projects, but this time it will be very challenging if we want to switch all our components to OnPush(15 projects in active development). By the way, we haven't had any performance issues, so why is there so much fuss about Zone.js?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  3 месяца назад +1

      I don't know when Zone.js will be removed. As I said Zone.js or Zoneless don't bring performance benefits. Just smaller bundle size and 1 less dependency for the framework itself.
      onPush brings huge performance benefits. Obviously if you projects relatively simple regarding rendering you might not feel like you need that (but lots of companies forces onPush to all comps by Eslint by default).

    • @kyro38
      @kyro38 3 месяца назад

      Zone.Js won't be going anywhere in the foreseeable future. Too many apps rely on it and it is almost impossible to provide automatic migrations to zoneless.

  • @Tarekos_
    @Tarekos_ 4 месяца назад +2

    18? wasn't 17 realeased not that long ago ? But thanks for the great Video on it.

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  4 месяца назад +5

      It was released at November 8, 2023. Half of the year ago. Time is flying :)

    • @LarsRyeJeppesen
      @LarsRyeJeppesen 4 месяца назад +1

      Every 6 months

    • @kyro38
      @kyro38 3 месяца назад

      Angular releases a major version every 6 month. Mai & November usually.

  • @donwald3436
    @donwald3436 3 месяца назад +4

    Can you stop breaking everything, at Google maybe you have one or more developers maintaining an application, in the real world one developer is maintaining 15+ applications!!!!!!!

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  3 месяца назад +2

      But nobody forces you to update if you don't need to. I understand the point of backwads compatibility as well as improving performance with signals, zoneless. Angular 18 doesn't have any breaking changes. I don't see the problem.

    • @donwald3436
      @donwald3436 3 месяца назад

      @@MonsterlessonsAcademy of course you don't lol.

    • @MrDomiko
      @MrDomiko 26 дней назад

      @@donwald3436 I don't see the problem neither ..

  • @4444-c4s
    @4444-c4s 3 месяца назад

    Most third class framework...
    No proper documentation, just colorful website. Not given any examples of particular concept, just definition with colorful borders.
    Matured people will always use React or Vue

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  3 месяца назад +4

      Matured people pick jobs which pay good money and don't care about technologies.

    • @4444-c4s
      @4444-c4s 3 месяца назад

      @@MonsterlessonsAcademy This is true. But when it comes to developer experience which is the main job of ours, Angular is the worst. No proper documentation on Errors and very less information on APIs.
      All the time developer has to figure out what is the usage of particular method. Angular team doesn't mentions it. Really disgusting to work with.
      No offense but this is the reality.

    • @MrDomiko
      @MrDomiko 26 дней назад

      @@4444-c4s On how may projects have you used Angular?

  • @MrGCastilhos
    @MrGCastilhos 20 дней назад

    I'm trying to figure out why my project doesn't have the app.config.ts file 😵‍💫

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  19 дней назад +1

      It is either older or was generated with modules

    • @MrGCastilhos
      @MrGCastilhos 19 дней назад

      @@MonsterlessonsAcademy Indeed, I realizei it was created with angular 15 and updated to standalone
      I made another with newest version and it haas the config file already, thanks a lot!

  • @Niachan666
    @Niachan666 4 месяца назад

    +