Checking if an element is visible on the user screen is very easy using the Intersection Observer API. In this post we will create a custom hook that we can use in our React apps.
The key prop is very important in React but, usually, developers just default to use the index as the key to remove the warnings. Learn here why that is dangerous and how to correctly provide a good key.