How to render many records?

Question

Frontend

There are 30,000 rows in the array, I need to show them in the DOM so that nothing lags, what is the best way to do this?
Tell me pliz

[1,2,3....30000].map((item)=> <div>{item.name}</div>)

Answer 1

there are 30,000 rows in the array, need to show them in the DOM

Not necessary. To whom to show something? - the user will not perceive so much information at one time. Have you heard the word "pagination"? If not - google it.

Answer 2

With such a statement of the problem, no way.