Debuggando funções com mais facilidade no VSCode.

Fala, jovens! 👋🏼

Eu sou a Julia e nesse meu primeiro post eu vim trazer para vocês uma coisa que eu descobri a pouquíssimo tempo mas que está me ajudando pra caramba, principalmente na hora de debuggar o código.

Segue ⬇️

Quando temos uma função, independente se com somente um parâmetro ou muitos, nem sempre conseguimos de forma rápida identificar para qual parâmetro está sendo passada aquela informação, por exemplo:

Temos aqui, um componente React com um botão que, ao clicar, realiza o login do usuário com determinado serviço (Github, Google, Apple, etc.)

Neste caso, chamamos a função signIn para executar a rotina de login e passamos alguns parâmetros para ela.

Se você é um programador que já trabalhou com rotinas de login, provávelmente conseguirá identificar, neste caso, qual parâmetro é qual por conta da experência, mas em alguns casos, nos deparamos com rotinas que não estamos acostumados a trabalhar diariamente e para entender à qual parâmetro estamos passando tais informações, teremos que procurar a declaração da função.

❗️É aí que entra a configuração de parâmetros do VSCode!

Dentro do VSCode, indo em Configurações e pesquisando por parameter name, vamos encontrar duas configurações: uma para a linguagem javascript e outra para a linguagem typescript.

Ao mudarmos essas configurações para all, o VSCode automaticamente irá mostrar, ao lado de cada parâmetro passado na função, qual é o seu respectivo nome, se liga:

Dessa forma fica muito mais fácil debugar funções e entender os parâmetros que estão sendo passados para cada uma, tirando, em muitos casos, a necessidade de procurarmos a declaração da função.

Muito legal né? 🤓

O único ponto contra que encontrei até agora é que, em alguns casos muito pontuais, eu acho que ela acaba "bagunçando" o código, principalmente nos primeiros dias que eu utilizei, o que não tira em nada o mérito uma vez que 8 em cada 10 casos ela mais ajuda do que atrapalha.

Por hoje é isso, guys!

Espero que tenham curtido e comenta aí se você já conhecia essa funcionalidade e o que achou dela.

Até a próxima! Valeu! ❤️