title: How to render thousands of div without affecting app performance?
body: <p>I'm trying to make something like Reddit r/place. The problem is:</p>
  <p>When there are like 10k square div already on screen, if I press a button (assume async fetch or displaying a pop-up) it gets executed after a huge delay like up to 4-5 seconds. I've checked stuff and it looks like nothing re-renders but still, I think having that amount of div in DOM causes incredible lag.</p>
  <p>Unfortunately, this cannot be solved with react-virtualized or react-window because I want to display all of the squares at once. So, hiding undisplayed elements won't solve this since I want to display them all.</p>
  <p>The question is: What is the proper way to have ten thousand 10x10px div without causing huge lag on React app?</p>