Produto quer mostrar uma tabela de cinquenta mil linhas com ordenação e edição inline. Como você construiria?

Não coloque cinquenta mil linhas no DOM. Virtualize para renderizar só a janela visível mais um pequeno excedente, mantenha a altura da linha previsível ou meça, e tire ordenação e filtragem da renderização levando para dados derivados memoizados ou para o servidor. Pagine ou traga os dados por streaming, mantenha o estado da linha em edição local para uma tecla não re renderizar a tabela, e teste com CPU limitada.

A primeira coisa que digo é que cinquenta mil linhas nunca deveriam estar no DOM de uma vez, porque layout e memória escalam com a quantidade de nós por mais rápido que meu framework seja. Então eu virtualizo: renderizo as linhas na viewport mais um pequeno excedente, posiciono de forma absoluta dentro de um espaçador com a altura total, e reciclo conforme o usuário rola. Depois trato os dados como problema separado. Ordenar e filtrar cinquenta mil registros a cada tecla vai bloquear a main thread, então ou o servidor faz e eu peço uma página, ou eu memoizo o array derivado para ele só recalcular quando a chave de ordenação realmente mudar. Para edição inline mantenho o valor de rascunho no estado da própria linha e só levanto no commit, senão cada caractere re renderiza a tabela. As partes que as pessoas esquecem são acessibilidade e busca na página: leitores de tela e a busca do navegador só enxergam as linhas renderizadas, então defino explicitamente os atributos de contagem de linhas e ofereço uma caixa de busca de verdade em vez de depender da do navegador.