mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-10 12:53:03 -05:00
feat(challenge12): update readme to add a video
This commit is contained in:
@@ -6,15 +6,16 @@
|
|||||||
|
|
||||||
In this challenge, you will need to optimize the change detection cycles run by Angular.
|
In this challenge, you will need to optimize the change detection cycles run by Angular.
|
||||||
|
|
||||||
Zone.js will trigger a change detection cycle each time a scroll event is dispatched. However we only want to show or hide a button at a specific scroll position. Therefore, we only want to refresh our application once.
|
Zone.js triggers a change detection cycle each time a scroll event is dispatched. However we only want to show or hide a button at a specific scroll position. Therefore, we only want to refresh our application once.
|
||||||
|
|
||||||
> You can vizualise how many times CD is triggered by installing the [Angular chrome devTool](https://chrome.google.com/webstore/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh) and starting a new recording on the profiler tab.
|
> You can vizualise how many times CD is triggered by installing the [Angular chrome devTool](https://chrome.google.com/webstore/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh) and starting a new recording on the profiler tab.
|
||||||
|
|
||||||
The following video will explain what is the goal of this challenge.
|
The following video will explain what is the goal of this challenge.
|
||||||
|
https://user-images.githubusercontent.com/30832608/209819211-58d9ddcf-e1ad-4a78-8a7a-2be9d729e3f1.mov
|
||||||
|
|
||||||
### Statement
|
### Statement
|
||||||
|
|
||||||
Your goal for this challenge is to avoid all those unnecessary change detection cycle and trigger a CD only when needed.
|
Your goal for this challenge is to avoid all unnecessary change detection cycles and trigger a CD only when needed.
|
||||||
|
|
||||||
#### Constraint:
|
#### Constraint:
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user