Geovani Assis

Tempo necessário: 10 minutos

1. Configuração do Ambiente

   Antes de começar a trabalhar com React, é importante configurar o seu ambiente de desenvolvimento. Você precisará do Node.js e do npm (ou Yarn) instalados em sua máquina. Se ainda não os possui, você pode baixá-los aqui.

2. Criando um Novo Projeto React

   Para criar um novo projeto React, você pode utilizar a ferramenta oficial de linha de comando chamada create-react-app. Abra o seu terminal e execute o seguinte comando:
   
   “npx create-react-app nome-do-seu-projeto”
   
   Isso criará uma nova pasta chamada nome-do-seu-projeto com a estrutura inicial de um projeto React.
   

3. Explorando a Estrutura do Projeto

   Dentro da pasta do seu projeto, você encontrará uma série de arquivos e pastas. Os arquivos mais importantes são:
   
   src/: Contém o código-fonte da sua aplicação React.
   public/: Contém arquivos estáticos como o index.html.
   package.json: Arquivo de configuração do seu projeto, onde você lista as dependências e scripts.

4. Adicione as Dependências

   Dependências são todas as aplicações que funcionara no seu projeto, como: Bootstrap, Carrossel, Jquery e outros.
   
   Geralmente adicionados com o comando: npm i bootstrap@5.3.3 (Somente exemplo)

5. Executando o Projeto

   Para iniciar o seu projeto React, basta executar o seguinte comando dentro da pasta do projeto:
   
   “npm start”
   
   Isso iniciará um servidor local e abrirá a sua aplicação no navegador padrão.

6. Começando a Programar

   Agora que o seu projeto está configurado, você pode começar a desenvolver. Abra o arquivo ‘src/App.js’ e comece a construir a sua aplicação React.