title: How to handel realtime date in reactjs or nextjs dom
body: <p>I basically wanted to create something in NextjJS which is in tabular form and the data it contain is real-time (socket.io).</p>
  <p>Some what it will look like this with different data and modern design and real-time data from server</p>
  <p><img src="https://i.stack.imgur.com/oUKzQ.png" alt="Some what it will look like this" /></p>
  <p>My question is using map function to update the DOM each time a data is created is good to use or is there something better option which can manipulate the DOM with ~ 1000 of row in real time</p>