Gostei desse modo de pensar.
Eu vejo que é extremamente comum projetos front-end (não somente com react, mas quase qualquer framework frontend) sem separação de responsabilidades.
Sua sugestão, ao meu ver, parece muito interessante para termos uma maior maturidade em projetos de front.
Eu gostaria de ir além. Apesar de achar super interessante a sintaxe do jsx/tsx, eu queria ver um framework frontend que me deixasse escolher quando eu quero escrever a sintaxe do framwork (exemplo: jsx), mas ao mesmo tempo me permita ter arquivos html puros.
Na minha opinião, o react (e quem implementa jsx/tsx), esconde um pouco o html. Acho que se tivesse uma opção que fosse mais meio termo, as separações entre meu código e sintaxe do framework ficariam ainda melhores.