Javascript Observers - Part 2 - Intersection Observer смотреть онлайн

The Intersection Observer API is a JavaScript interface that allows you to efficiently detect when an HTML element intersects with another element or the viewport. It provides a powerful tool for building performant web applications, especially those that involve lazy loading of images or infinite scrolling. With the Intersection Observer API, you can detect when an element becomes visible or hidden and take appropriate actions. This can help reduce the amount of unnecessary computation and network usage, leading to faster and more efficient websites.

This video is part of a series where we look at JS Observers in detail.
Link to the playlist: https://www.youtube.com/playlist?list=PL62km_yqC3ZGEevgSAFoMcGl8tSVGO_cI

Mutation Observer - https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API

⌚Timestamps
0:00 - Intro
0:36 - The Intersection observer API
1:21 - Creating an observer
1:48 - Options object
3:33 - Observing the target element
4:26 - Intersection entry
10:16 - Adding options
15:42 - Unsubscribe observer
17:25 - Infinite scrolling example
19:54 - Outro

??Other playlists:

The Web components Playlist - https://www.youtube.com/playlist?list=PL62km_yqC3ZFk2A1JltWKGT0qy7gNspl_

The Git series(2023) - https://www.youtube.com/playlist?list=PL62km_yqC3ZH1Drj72q3W2HiQZcPO33kE

Multitasking in NodeJS - https://www.youtube.com/playlist?list=PL62km_yqC3ZEV0wKbLbd3CG-2zt3oDkes

NodeJS Authentication with Passport - https://www.youtube.com/playlist?list=PL62km_yqC3ZHlvkKVmR2f3W6SEzh8pRIf

Job scheduling in NodeJS - https://www.youtube.com/playlist?list=PL62km_yqC3ZEyoJa7JtdPOmzMgKuuZZ-x

NPM Tutorial Series - https://www.youtube.com/playlist?list=PL62km_yqC3ZG2su1cA-mY_6S3mSFafAS8

Javascript(Behind the scenes) - https://www.youtube.com/playlist?list=PL62km_yqC3ZE83FRlmER2sLH1T2RSoj4A

Socials
? Twitter - https://twitter.com/themangalorian
? Instagram - https://www.instagram.com/disco_pilots/
? LinkedIn - https://www.linkedin.com/in/akilesh-rao-610357137/
?? GitHub - https://github.com/AkileshRao
? Medium - https://medium.com/@akileshrao19

#intersectionobserver #dom #mutation