Criação de um Projeto Básico em React
No primeiro módulo, comecemos criando um projeto básico em React. Para isso, seguiremos alguns passos simples.
Primeiro, certifique-se de ter o Node.js instalado em seu computador. Em seguida, abra o terminal e navegue até o diretório onde deseja criar seu projeto.
Utilize o comando ‘npx create-react-app nome-do-seu-projeto
‘ para criar o projeto React. Isso criará uma estrutura básica para o seu aplicativo, incluindo todos os arquivos e dependências necessários.
Depois que o projeto for criado com sucesso, você pode entrar no diretório do projeto e iniciar o servidor de desenvolvimento usando o comando ‘npm start
‘ ou ‘yarn start
‘.
Isso iniciará o servidor e abrirá automaticamente o seu navegador padrão com o aplicativo React em execução. Agora você pode começar a editar o código-fonte do seu aplicativo no diretório ‘src
‘.
Por exemplo, criaremos um componente simples de saudação. No arquivo ‘App.js
‘, você pode substituir o código existente por algo como:
import React from 'react';
function App() {
return (
<div>
<h1>Olá, mundo!</h1>
</div>
);
}
export default App;
Este é um componente funcional básico que simplesmente exibe “Olá, mundo!” na página. Você pode salvar o arquivo e ver as alterações refletidas automaticamente no seu navegador enquanto você edita o código-fonte.
Com estes passos simples, você conseguiu criar com sucesso um projeto básico em React e está pronto para começar a explorar e aprender mais sobre esta poderosa biblioteca de JavaScript!