Introdução

Fala Dev! Seja muito bem vindo à Next Level Week, Mission: ReactJS!

Para começar a preparar você para essa semana incrível de muito conteúdo e aprendizado, vamos começar configurando nosso ambiente de desenvolvimento, com algumas ferramentas fundamentais para chegarmos no fim desse evento com nosso projeto finalizado.

Preparando o ambiente

Sem mais delongas, vamos ao conteúdo principal desse guia: configuração do seu ambiente para o NLW. Teremos três etapas principais na seção "Instalação":

• Node + NPM;
• Yarn;
• Visual Studio Code e configurações.

Se você já participou de alguma das nossas outras NLWs, já deve ter tudo isso instalado, mas talvez desatualizado. Por isso, preparamos uma seção "Atualização" para você atualizar suas dependências caso precise, mas sugerimos dar uma olhada pelo menos no guia Visual Studio Code na seção "Instalação" pois o Diego deixou algumas configs especialmente para você 💜

Preparados? Então vamos lá!

Guias

Instalação das ferramentas

Atualização (versões diferentes)

Tive problemas, e agora?

Opcional - Configurações adicionais do VS Code

Se você já configurou todo o ambiente seguido os passos anteriores e quer deixar o Visual Studio Code com as mesmas configurações usadas pelo Diego nessa trilha, aqui vão algumas dicas:

Extensões

Você pode instalar as seguintes extensões a partir do menu de extensões do próprio VS Code:

• Code Spell Checker: Essa extensão faz a correção ortográfica no nosso código, funcionando melhor com camelcase (por padrão, corrige apenas o inglês). Essa extensão é bastante útil mas é totalmente opcional;