Nas seções anteriores, aprendemos os conceitos básicos do React. Agora 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 fins de estudo.

Mas e quanto a projetos do mundo real? Todos os desenvolvedores criam projetos no CodeSandbox? Claro que não. Esta seção é dedicada a ajudar você a iniciar seu projeto na sua máquina local, orientando o processo passo a passo.

Passo 1: Instalar Node.js e npm

É necessário instalar o Node.js e o npm na máquina local.

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

npm significa "Node Package Manager". É um gerenciador de pacotes para o 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). O que nos interessa é a versão LTS, pois é estável e funcional;

• Execute o instalador e siga as instruções de instalação;
• Após a instalação, Node.js e npm (Node Package Manager) devem estar instalados na máquina.

Como verificar se Node.js e npm estão instalados?

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

1. Abrir o terminal;

• 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 + Space e digitando "Terminal";
• Linux: O atalho Ctrl + Alt + T é comumente utilizado para abrir o terminal em muitas distribuições Linux. No entanto, dependendo da distribuição específica, podem existir outros métodos, como pesquisar por "Terminal" no menu de aplicativos ou utilizar um atalho de teclado diferente.

Nota

Se nenhum desses métodos funcionar, recomenda-se consultar a documentação ou os recursos de suporte do sistema operacional para encontrar a forma adequada de abrir o terminal. Ou sempre é possível pesquisar no Google.

2. Verificar a versão do Node.js;

No terminal, execute o seguinte comando.

node -v

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

3. Verificar a versão do npm.

No terminal, execute o seguinte comando.

npm -v

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

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

Nota

Por enquanto, a versão exibida não é relevante.