Nas seções anteriores, aprendemos os fundamentos do React. Já sabemos como criar componentes, gerenciá-los, renderizar informações e implementar lógica. No entanto, todas essas tarefas foram realizadas no CodeSandbox, que é excelente para estudos.

Mas e quanto a projetos do mundo real? Será que todos os desenvolvedores criam projetos no CodeSandbox? Com certeza não. Esta seção é dedicada a ajudá-lo a iniciar o seu projeto em sua máquina local, guiando-o passo a passo pelo processo.

Passo 1: Instalar o Node.js e o npm

Precisamos instalar o Node.js e o npm na máquina local.

Node.js é um ambiente de execução open-source que nos permite rodar código em JavaScript no lado do servidor.

npm significa "Node Package Manager" (Gerenciador de Pacotes Node). É um gerenciador de pacotes para Node.js que permite aos desenvolvedores instalar, gerenciar e compartilhar facilmente pacotes ou módulos de código JavaScript reutilizáveis.

• Acesse o site oficial do Node.js: https://nodejs.org
• Baixe o instalador para o seu sistema operacional (Windows, macOS ou Linux). Estamos interessados na versão LTS, pois é estável e funcional.

• Execute o instalador e siga as instruções de instalação.
• Após a instalação, devemos ter o Node.js e o npm (Gerenciador de Pacotes do Node) instalados na máquina.

Como podemos verificar se temos o Node.js e o npm instalados?

Para verificar se o Node.js e o npm estão instalados na máquina, podemos abrir o terminal do computador (prompt de comando, PowerShell ou emulador de terminal) e executar os comandos. Passos:

1. Abra o terminal em diferentes sistemas operacionais
   • Windows: Pressione Win + X e selecione "Windows PowerShell" no menu. Alternativamente, pesquise por "PowerShell" no menu Iniciar.
   • macOS: Vá em "Aplicativos" > "Utilitários" > "Terminal". Outra opção é usar a busca "Spotlight" pressionando Cmd + Espaço e digitando "Terminal".
   • Linux: O atalho Ctrl + Alt + T é comumente usado para abrir o terminal em muitas distribuições Linux. No entanto, dependendo da distribuição específica, pode haver outros métodos, como procurar por "Terminal" no menu de aplicativos ou usar um atalho de teclado diferente.

     Nota

     Se nenhum desses métodos funcionar, é recomendável consultar a documentação ou os recursos de suporte do sistema operacional para encontrar a forma apropriada de abrir o terminal. Ou podemos sempre pesquisar no Google.

2. Verifique a versão do Node.js. No terminal, execute o seguinte comando.

Este comando exibirá a versão do Node.js instalada na máquina. Se o Node.js estiver instalado, veremos o número da versão.

1. Verifique a versão do npm. No terminal, execute o seguinte comando.

Este comando exibirá a versão do npm instalada na máquina. Se o npm estiver instalado, veremos o número da versão.

Se ambos os comandos retornarem os números das versões, o Node.js e o npm estão instalados com sucesso e disponíveis na máquina. Se os comandos não forem reconhecidos ou retornarem um erro, significa que o Node.js e/ou npm não estão instalados, ou seus caminhos de instalação não estão corretamente configurados. Nesse caso, talvez seja necessário revisitar as etapas de instalação do Node.js e garantir que a instalação foi concluída com sucesso. Às vezes, é recomendado reiniciar a máquina.

Nota

A versão que obtemos não importa por enquanto.