João, uma sugestão que pode te ajudar nessa jornada com os frameworks é tomar nota do que é funcionalidade de cada tecnologia em si. Vou exemplificar melhor.

Imaginando o cenário que você falou, desenvolvendo React usando Typescript você está utilizando várias tecnologias!

• JSX é uma mistura de HTML e Javascript
• Typescript é um superset de Javascript
• React tem suas peculiaridades, principalmente com Hooks

Então é importantíssimo ir aprendendo em que "camada" você está para não ficar perdido.

Quando você usa um <button />, você está em ambiente HTML, só que quando você dá a ele um atributo onClick você está entrando em um ambiente de Javascript. Se esse botão chama um hook setState() você está num ambiente próprio do React. E possivelmente você vai precisar descrever os tipos das propriedades do componente usando o Typescript.

No começo pode ser confuso, mas aos poucos você vai pegando o jeito e aprende as nuances.