The cost of rendering thousands of elements in the DOM is very high. The objective of this challenge is to offer a solution to this problem.
The challenge consists of implementing a component that renders only child elements that are visible within the viewport.
A Grid contains multiple GridItems. Toggle a className active to those GridItems that are visible in the viewport.
npm install
This command enables a local server (webpack-dev-server) located in http://localhost:9000
npm start
Document your code assuming that the next engineer looking at your code is a serial killer who knows where you live.
Use JSDoc 3 docummentation style. http://usejsdoc.org/
Please, try to follow a coding style guide to keep the code readable and easily debuggable.