Instalação do Framework React

Para instalar o framework, você precisará do NodeJS 22+ em seu computador. Para criar um projeto na linha de comando, execute o seguinte comando:

terminalnpm create vite@latest my-app -- --template react

E então execute os seguintes comandos:

terminalcd my-app
npm install
npm run dev

Após isso, você terá uma pasta my-app, contendo o framework. Encontre nesta pasta a pasta src - esta será sua pasta de trabalho, onde você desenvolverá seu projeto.

Na pasta src, encontre o arquivo App.js. Nas próximas lições, este arquivo será seu principal arquivo de trabalho. Nele você escreverá código, observando seus resultados na janela do navegador.

Abra este arquivo no editor e exclua tudo desnecessário, deixando-o com esta aparência:

App.jsimport React from 'react';

function App() {
  return <div>
    text
  </div>;
}

export default App;

Após seu projeto estar instalado, para a próxima inicialização (por exemplo, após reiniciar o computador), você só precisará acessar via terminal a pasta my-app e executar o seguinte comando:

terminalnpm run dev