ReactJS determine if component is on screen

I'm designing an application and am wondering whether React can handle the use case. I'm going to have a canvas that has boxes. Inside those boxes will be input fields, buttons, spinners, etc. There will be hundreds of boxes. The user will be able to zoom in/out, as well as pan in any direction, such that the user can zoom in and a single box will fill the entire page, and zoom out so that the user can see all boxes. I'd like to be able to detect whether any portion of an arbitrary box is visible, so that I don't spend time updating the fields with constantly changing server information if the box isn't visible to the user. Is this something that can be accomplished with React?

Thanks in advance for any help. I apologize if my terminology is incorrect, and it probably is.