Producto quiere mostrar una tabla de cincuenta mil filas con ordenación y edición en línea. ¿Cómo la construirías?

No metas cincuenta mil filas en el DOM. Virtualiza para que solo se renderice la ventana visible más un pequeño margen extra, mantén la altura de fila predecible o mídela, y saca la ordenación y el filtrado del render hacia datos derivados memorizados o hacia el servidor. Pagina o transmite los datos, mantén el estado de la fila en edición en local para que una pulsación de tecla no vuelva a renderizar la tabla, y prueba con la CPU limitada.

Lo primero que digo es que cincuenta mil filas nunca deberían estar en el DOM a la vez, porque el layout y la memoria escalan con el número de nodos por muy rápido que sea mi framework. Así que virtualizo: renderizo las filas del viewport más un pequeño margen extra, las posiciono de forma absoluta dentro de un espaciador con la altura total y las reciclo según el usuario hace scroll. Luego trato los datos como un problema aparte. Ordenar y filtrar cincuenta mil registros en cada pulsación va a bloquear el hilo principal, así que o lo hace el servidor y yo pido una página, o memorizo el array derivado para que solo se recalcule cuando la clave de ordenación cambia de verdad. Para la edición en línea guardo el valor borrador en el estado de la propia fila y solo lo subo al confirmar, porque si no cada carácter vuelve a renderizar la tabla. Las partes que la gente olvida son la accesibilidad y la búsqueda dentro de la página: los lectores de pantalla y el buscador del navegador solo ven las filas renderizadas, así que fijo de forma explícita los atributos de conteo de filas y ofrezco una caja de búsqueda real en vez de confiar en la del navegador.