How to optimally render large amounts of DOM elements using javascript?

Question

On a web page I have a quite large list of items (say, product cards, each contains image and text) - about 1000 of them. I want to filter this list on client (only those items,