What every front-end developer should know about change detection in Angular and React

[maxkoretskyi]

Dive into change detection by learning the problems it solves and studying basic implementation with browser API. Then go through implementation details of change detection in Angular and React for complete understanding.

Read the article here.

[yyildiz]

Hey Max, thanks for this great writeup! It was really helpful to me coming from an angular background

[maxkoretskyi]

glad you found it helpful! stay tuned for more 🤓

[duj26089]

Hey Max,i am a chinese boy ,the article is really to help me

[michalkubizna]

Why does React not use automatic change detection just like Angular?

[maxkoretskyi]

Angular doesn't really have built-in automatic change detection either. It relies on zone.js to do that.. React instead decided to delegate implementation of automatic change detection to state management libraries, like redux, and now built-in hooks.

[rofreytag]

The article is not completely clear here. React does rely on automatic change detection, exactly whenever your component props are changing. It checks the component props by shallow comparison.

[maxkoretskyi]

@rofreytag you need to call setState to start the process, it's not automatic. Read more here

[marinescudan]

There is a typo in the paragraph:
"You can play with the implementation here. (The example uses the CSS classes far and far defined by font-awesome instead of the classes solid and outline used in the code above)."

[marinescudan]

far and far -> should be fas

[maxkoretskyi]

thanks, updated the article!

[nguyentk90]

Thanks Max, this is very helpful for me. I have worked with Angular for a long time and understand how it works now I start working with React so I also wanted to know how it works behind the sense (change detection and when to trigger the process). Then I found your post, it was written in 2018 but is still valid in 2022.

"...schedule a change detection run after the application code has finished executing" - this is a very great wrap-up.
Of course, this is how Angular does, I'm curious how about React, a change detection run inside setState function or after the application code has finished executing like Angular?

Cheers!