u/HeftyProgress5842 — reddlx

So I have a 15 x 14 living room where I have a Sony BDV-N9200W that my dad bought 11 years ago. He wants to upgrade it.

He recently listened to Polk Audio Reserve 11.4 (R700 + R100 + R300+ Some random subs IDK what they are) atmos setup at a nearby vendor and he was in so much love with it.

He loves bright sound + and a proper bass. The bass on the Sony system is so underwhelming and has no punch and rolls of at 60Hz.

I have Polk Audio 5.0 Setup that I found on AVShack: https://avshack.in/products/polk-audio-reserve-5-0-channel-home-theater-speaker-package-bundle-pack?srsltid=AfmBOopNboVNiXVBY22844SjhhD9rr-Fi7fNIE8fhVZHlrzoS9cRJZtb

For the sub, may be SVS PB 1000 Pro.

Need suggestions and options. And dont forget the amplifier. My plan is to start small at 5.1.2 setup or even just a 5.1 for now and then slowly upgrade when the budget allows.

Building a browser log viewer. Backend holds 2M entries in a ring buffer, frontend fetches ~200 at a time via WebSocket. Logs are variable height (1-100 lines each, stack traces etc). Need smooth scroll through the full buffer + live tail at 20-40K logs/sec. Everything is run in local.

Tried sliding window (React DOM) - scroll events create feedback loops. Tried virtual sentinel (tall div, render only visible rows) - works for fixed height but breaks with variable height since you need heights before fetching. Tried flattening multi-line logs into single-line rows - fixes height math but multiplies row count and causes jank. Tried xterm.js - great rendering but can't prepend older entries when scrolling back. Tried to meddle something over there, fetch the previous rows as we scroll up and replace the current data but didn't workout fine.

The core issue: virtual scroll needs row heights upfront, but with remote data and variable heights you can't know them until you fetch and render.

How do Datadog, Grafana, Chrome DevTools etc handle this? Any patterns or libs for variable-height virtual scroll with on-demand server data?