Bem-vindo a esta aula rápida, onde vamos garantir que nosso ambiente de desenvolvimento está pronto para embarcar na jornada com o React. Dado o conhecimento prévio adquirido nos cursos anteriores, é provável que você já tenha o ambiente praticamente configurado. No entanto, vamos revisar os requisitos e configurações essenciais para garantir que todos estão na mesma página antes de criarmos nosso primeiro projeto React na próxima aula.
Requisitos Prévios
Para garantir uma jornada suave com o React, é essencial ter algum conhecimento prévio em tecnologias web fundamentais. Aqui estão os requisitos básicos:
- HTML, CSS, e JavaScript: A base de qualquer desenvolvimento web.
- TypeScript: Como uma extensão do JavaScript, o TypeScript nos permite trabalhar de forma mais eficaz com tipos, garantindo uma codificação mais segura e previsível.
- Node.js e npm: Ambos são cruciais para o desenvolvimento com React. O Node.js nos permite executar JavaScript no lado do servidor, enquanto o npm é nosso gerenciador de pacotes que facilita a instalação de bibliotecas e frameworks.
- Visual Studio Code: Este editor de código é altamente recomendado devido ao seu suporte robusto para desenvolvimento React e ser o Editor oficial que estamos utilizando em nossa formação.
Procedimento de Configuração
Vamos garantir que temos todas as ferramentas necessárias instaladas e configuradas corretamente:
- Verificação da Instalação do Node.js e npm: Abra o terminal e execute os comandos
node -v
enpm -v
ounpx -v
para verificar se o Node.js e o npm estão instalados corretamente e para conhecer as versões instaladas. - Instalação da Extensão React Developer Tools: Esta extensão será uma ferramenta valiosa para depurar e inspecionar nossos projetos React. Vá para a loja de extensões do seu navegador e instale o React Developer Tools.
Verificação da Configuração
É importante garantir que nosso ambiente esteja configurado corretamente antes de prosseguirmos:
- Se você encontrar algum problema ou perceber que falta alguma das ferramentas necessárias, é altamente recomendável revisitar os cursos anteriores sobre JavaScript, TypeScript e npm para garantir que seu ambiente esteja corretamente configurado antes de prosseguir.
Esta aula serviu para garantir que todos tenham o ambiente adequado configurado e pronto para a criação do nosso primeiro projeto React na próxima aula.