Você não precisa configurar nada para começar com JavaScript

Quando começamos a codificar, nos preocupamos com qual seria a maneira correta de configurar o ambiente de desenvolvimento, quais dependências externas precisamos instalar e qual framework usar

Para combater tudo isso, compartilharei com você 3 maneiras de começar facilmente com o JavaScript do lado do cliente!

1. O console do navegador

Podemos criar variáveis ​​incluindo funções diretamente no console e manipulá-las, reatribuí-las ou chamar as funções também.
Na execução de cada linha, obtemos a saída na próxima linha.

Prós

• Temos um início muito rápido e bom intellisense.
• Isso não requer nenhum software adicional que precise ser instalado além do navegador.
• As saídas são em tempo real.

• Isso só é útil se quisermos depurar algo ou fazer alguma manipulação nos nós dom que já são renderizados pela página.
• Isso não é útil para escrever programas completos, pois fica difícil escrever e executar o código linha por linha.
• Não há estrutura de arquivo.
• Só podemos executar Vanilla JavaScript.

Enquanto no console precisamos escrever código linha por linha, os Browser Snippets nos permitem escrever programas em um arquivo.
Dessa forma, podemos escrever o código completo e executar o arquivo.
Também podemos adicionar pontos de interrupção para depurar o código caso algo dê errado.

Prós

• Também temos um início muito rápido aqui com o suporte de depuração.
• Isso não requer nenhum software adicional que precise ser instalado além do navegador.
• Podemos organizar programas em arquivos e executar os arquivos.

• Isso não é útil quando estamos construindo projetos que requerem dependências externas.
• Precisamos definir todas as variáveis ​​externas como let .
  Isso ocorre porque as variáveis ​​não são removidas do escopo na
  reexecução do arquivo.
• Só podemos executar Vanilla JavaScript.

Quando queremos começar a trabalhar com frameworks ou HTML/CSS/JS juntos, podemos fazer uso de playgrounds online.
Eles nos fornecem resultados em tempo real com base em alterações em HTML/CSS/JS e também nos permitem compartilhar a base de código completa.
Além disso, podemos instalar dependências externas e utilizá-las no projeto.

Prós

• Temos um início muito rápido aqui com suporte à estrutura de diretórios.
• Podemos instalar rapidamente novos pacotes sem problemas.
• Eles são realmente úteis quando queremos experimentar uma biblioteca de terceiros e não queremos instalar o pacote em nosso espaço de trabalho local primeiro.
• Recebemos bons projetos iniciais.
  Tente pesquisar no Google React Start Project — CodeSandBox.

• Isso não é útil quando estamos criando produtos em nível de produção.
• Pode não haver suporte para depuração com base na plataforma.

Obrigado