Quais os prós relevantes de usar React em um site ao invés de Html, CSS e JS puro?

Eu não sou de front end, mas uma vantagem que eu vejo é a facilidade de iniciar um projeto do zero, já estando com boa parte do código organizado e bem escrito. Também a possibilidade de manter esse código escalonável, quanto mais coisa você quiser incluir depois, mais você vai agradecer por ter feito em React (ou Angular, Vue, etc) do que feito "HTML+CSS+JS".

Eu acredito que você tenha esse questionamento por não ter feito parte do processo natural de evolução da web. No início era Html, CSS e JS "puro". E muitas coisas naquela epoca eram realmente um desafio. Nao foi atoa que com o surgimento do jQuery foi em si uma revolução na época. Pra vc ver, uma biblioteca que "apenas" te ajudava a encontrar os seletores DOM de um documento HTML já era algo fenomenal !!

Com o passar dos anos tivemos vários frameworks (React, Angular, Vue, Svelte etc) e eles continuam vindo, com o único intuito de faclitar as coisas, e eles cumprem isso. Nao queira achar que você será mais feliz em criar uma dashboard com html/js puro. porque nao vai!

Até mesmo um simples site institucional eu já recomendo usar algum framework!

Eis uma pergunta que realmente não vejo ser muito bem respondida.

Se você já tentou construir uma aplicação web com apenas HTML, CSS e JavaScript, sabe que dá muito trabalho, mas estamos falando de aplicativos, sites mais simples não necessitam dessa tecnologia.

Com React, o Site fica mais rápido?

Sim, um exemplo é a navegação entre páginas, se você navegar entre páginas com um site normal sempre haverá um carregamento, enquanto que aplicativos que utilizam o React Router por exemplo, o carregamento é inexistente. O React foi construído para ter performance para fazer manipulações no DOM.

Falta de SEO adequado quando não se usa NEXT.js

Essa é um problema que não afeta todos os projetos, por exemplo, se você quiser construir um blog, com certeza as páginas necessitarão de um SEO mais avançado, por outro lado, se você estiver construindo, por exemplo, uma calculadora, o projeto não necessitará de um SEO avançado, vale lembrar que é possível fazer um SEO básico em projetos React, onde é possível colocar o título e descrição do site.

Falta de SEO adequado quando não se usa NEXT.js

Em geral, uma aplicação com CSR (Client Side Rendering) costuma ser pior em termos de SEO, se comparada a SSR (Server Side Rendering). Claro que alguns frameworks facilitam fazer de um jeito e pra fazer do outro dá mais trabalho (por exemplo, HTML puro é SSR por natureza), mas enfim, não é exatamente a escolha do framework em si que vai afetar o SEO.

Existem vários outros fatores que melhoram ou pioram o SEO, e a maioria não tem relação com a linguagem/framework escolhido.

Um site feito com React é mais ráido do que um com HTML+CSS+JS puro?

Depende muito de vários fatores, e vc só vai saber medindo o produto final em condições reais.

Além disso, ao usar qualquer framework, linguagem ou ferramenta, vc tem que medir como um todo: desde o ganho em produtividade (pra fazer e modificar), até o desempenho da aplicação, tráfego de rede (SPA's pesadas costumam trafegar muito JS, pode pesar na conta mensal do servidor), etc.

Não é uma conta simples de fazer. Às vezes o framework é um canhão pra matar mosca (o site é tão simples que não compensa o "peso extra" do framework), às vezes ele te torna tão produtivo que compensa uma possível "lentidão" (desde que não seja perceptível para o cliente).

Em outro comentário vc perguntou sobre "beneficios do produto final para uso dos clientes". Sinceramente, o cliente não tá nem aí se vc usou a linguagem A ou o framework B. Ele quer ver o resultado final: o site/produto/aplicação funcionando, que seja "rápido", "não caia", e principalmente, que resolva o problema dele. A escolha das tecnologias usadas tem mais a ver com quem vai fazer e dar manutenção (se facilita a sua vida, te torna produtivo, etc, de forma que vc consiga atender às necessidades do cliente).

na minha experiência, migrei de HTML+css+nodejs puro pra ir pro nextjs justamente pq meu projeto estava ficando complicado demais de gerar componentes e "mecânicas" que já existem prontas e testadas no react/next.
reaproveitei o backend em node mas deixei o front independente rodando de graça na vercel.

no início eu estranhei a lógica do react/next (useeffect, useState, useContext e SSR)

mas depois de aprender, consegui evoluir e melhorar meu sistema de maneira muito mais simples.

fazer tudo na mão com js/html/css puro a meu ver é perder tempo e ter dor de cabeça com coisas que já estão pré prontas nesses frameworks.

sobre hospedagem:
vercel me atende muito bem

porém, realmente, existe mais hospedagem PHP barata do que pra react.

mas, pra mim, é mais vantagem ter facilidade de codar do que economizar em hospedagem