How do Angular changes detection works? OnPush, Default, and Zone.js | Smart and Dumb Component

Sdílet
Vložit
  • čas přidán 7. 09. 2024
  • #angular #angularperformance #webdevelopment #frontpro
    This video explains what is Angular Change Detection Strategy onPush and Default?
    What is angular zone.js?
    What are smart and dumb components in Angular and when they should be used with the actual use case?
    Change Detection means updating the DOM whenever data is changed. Angular provides two strategies for Change Detection. In its default strategy, whenever any data is mutated or changed, Angular will run the change detector to update the DOM.
    #angular #webdevelopment #frontpro #angulardevelopment #angular10
    Zone.js
    github.com/ang...
    My gear for shooting this video
    Microphone
    amzn.to/3YmmZbi
    MacBook
    amzn.to/45dvQyg
    ===========================================================
    Do you know Angular services are not always singleton? How angular service scope gets created?
    • Do you know Angular se...
    Why my service behavior is unexpected? How angular service works when provided at a different level like root level, with lazy loaded modules, or at the component level? What are module scoped services?
    When Angular service creates a single object (singleton) or multiple instances?
    This video describes all these questions with examples. See you in the video.
    ===========================================================
    Angular Web Worker | Responsive UI | Live Demo | Code shared - Github
    • Angular Web Worker | R...
    JavaScript being a single-threaded language has to run all the code in the browser as well as perform reflow, paint, and garbage collection. This can lead to an unresponsive UI if the script contains CPU-intensive tasks.
    Learn how to use web workers in JavaScript to create parallel programming and perform multiple operations simultaneously rather than interleaving them.

Komentáře • 16

  • @RoyiaiHackersChristo
    @RoyiaiHackersChristo Před 3 lety +5

    Really really helpful. I was facing an issue for 2 days now related to that change detection. Now I can understand very well what is happening.

  • @charlieCmC17
    @charlieCmC17 Před 6 měsíci

    Best video about change detection out there

  • @anilmaurya55
    @anilmaurya55 Před 2 lety

    Really helpful, and very easy way of explaining with example... thanks

  • @nikhileshgupta5251
    @nikhileshgupta5251 Před 3 lety +1

    It's really helpful... Thanks Sir.

  • @dineshbabu153
    @dineshbabu153 Před 2 lety

    Nealty explained. Thank you !

  • @sachinhupele6678
    @sachinhupele6678 Před 3 lety +1

    Very informative

  • @taher3249
    @taher3249 Před 2 lety

    underrated video thanks alot

  • @diegomrts
    @diegomrts Před 2 lety +1

    Good job, mate

  • @Inbarasan16488
    @Inbarasan16488 Před 2 lety

    Amazing explanation man 👍👍👍

  • @anutaNYC
    @anutaNYC Před 4 měsíci

    My issue with change detection is when I pass view child to a parent component and on the parent it's null and then on dom changed it's an object, the app works but I get change detection issues

  • @sidjeer
    @sidjeer Před 2 lety

    Good explanation

  • @ishraq95
    @ishraq95 Před rokem +1

    I came here after intervewer asked me this question.

  • @jahanzebchoudhry6792
    @jahanzebchoudhry6792 Před 2 lety

    Interesting video. From where can i get source code?

  • @ankush3707
    @ankush3707 Před 3 lety +1

    source code pls

  • @swastikupadhye9291
    @swastikupadhye9291 Před 2 lety

    Can u plz share source code?