Usually in high traffic application like e-commerce need to ensure about page load size and TTI.
Scenario, When user visiting the page, we just need to load all the components only in the viewport. if we render everything at the page load will cause the TTI/Performance issue.
How to implement this in react without much logic or config or listeners?
Asked
Active
Viewed 6,132 times
4
Srigar
- 1,648
- 3
- 14
- 28
-
Library to lazyload - https://www.npmjs.com/package/react-observer-api – Srigar Jul 25 '22 at 06:27