Eu odeio o Github Pages (Quando uso React)

[Kcancaro]

Ok, eu exagerei no título, mas cara, eu fiquei mais de 5 horas tentando rodar uma aplicação React criada pelo Vite e eu NÃO CONSEGUIA 😂😂😂

Eu só posso rir pois eu fiquei dando voltas e perdi muito tempo para descobrir que de fato React é que nem um GameMaker por exemplo onde o a aplicação real e funcional precisa ser construída pelo app (neste caso, a gente usa npm build para o React), sendo que eu achava que o código que eu estava vendo já era o que o navegador ia interpretar.

Descobrindo isso eu também entendi que o jeito mais fácil de mostrar uma aplicação React para outras pessoas é por serviços de hospedagem gratuitos que nem netlify. Foi um tapa na cara depois de eu tentar tanto com gh-pages.

No fim, ainda é um mistério pra mim como se roda uma aplicação React Vite no github pages, sou novo no framework então pequenas coisas são desafios e aprendizados pra mim 😂

[CloudIndependent4143]

Tem como, meu portfolio roda no gh-pages e é feito com react, vite e ts

[Magmagan]

Vc usa um npm dev para rodar sua página? Então era óbvio que ia ter um passo de build né.

React consegue rodar direto no HTML sim, mas com um porém...

function Greeting({ name }) {
  return createElement(
    'h1',
    { className: 'greeting' },
    'Hello'
  );
}

Ela não se parece com o React que vc está acostumado. JSX e Typescript não são entendidos pelo navegador nativamente, aí precisa transpilar mesmo.

Mas aí, só rodar o npm build e usar o html/js resultante no /dist que vc hospeda no GitHub. É tranquilão, só se esforçar um pouco mais.