Ao trabalhar com o React, muitos cĂłdigos sĂŁo repetidos continuamente ... e indefinidamente. Eventualmente, vocĂȘ começa a pensar, “tem que haver uma maneira melhor”.

đŸ”„TOP 10 extensĂ”es VSCode para desenvolvimento React đŸ”„

Ao trabalhar com o React, muitos cĂłdigos sĂŁo repetidos continuamente ... e indefinidamente. Eventualmente, vocĂȘ começa a pensar, “tem que haver uma maneira melhor”.

Fala Dev!

No artigo de hoje vamos entender melhor como podemos melhorar nossa produtividade utilizandoalgumas extensÔes para o VS Code.

Trabalho com React diariamente, e muitos cĂłdigos sĂŁo repetidos continuamente ... e indefinidamente. Eventualmente, vocĂȘ começa a pensar, “tem que haver uma maneira melhor”.

NĂŁo se preocupe, existe!

Neste artigo, veremos a extensĂŁo ES7 snippets - React / Redux / GraphQL / React-Native. Sim, Ă© difĂ­cil explicar tudo, mas fornece um conjunto incrĂ­vel de snippets que sĂŁo inestimĂĄveis ​​ao escrever o cĂłdigo React.

Abaixo listo algumas das extençÔes que mais utilizo no meu dia a dia aqui na Easy Carros.

  1. ESLint - Uma ferramenta de linter plugåvel e configuråvel para identificar e relatar padrÔes em JavaScript. Mantenha a qualidade do seu código com facilidade
  2. Prettier - um formatador de cĂłdigo opinativo. Suporta vĂĄrios idiomas, Ă© configurĂĄvel e se integra Ă  maioria dos editores
  3. DotENV - Um mĂłdulo de dependĂȘncia zero que carrega variĂĄveis ​​de ambiente de um arquivo .env para o processo .env
  4. Bracket Pair Colorizer - Uma extensĂŁo personalizĂĄvel para colorir colchetes correspondentes
  5. Import Cost - exibe tamanho da importação de pacote no editor
  6. Auto Import - automaticamente encontra, analisa e fornece açÔes de código e autocompletar código para todas as importaçÔes disponíveis.Funciona com Typescript e TSX
  7. vscode-icons - Ă­cones especĂ­ficos de arquivo em VSCode para melhor grep visual
  8. GitLens - aumenta os recursos do Git integrados ao Visual Studio Code. Ele ajuda vocĂȘ a visualizar a autoria do cĂłdigo rapidamente por meio de anotaçÔes de culpa do Git e lentes de cĂłdigo, navegar e explorar repositĂłrios Git perfeitamente, obter insights valiosos por meio de comandos de comparação poderosos e muito mais;
  9. Path Intellisense - plugin VS Code que autocompleta nomes de arquivos;
  10. ES7 snippets - React / Redux / GraphQL / React-Native;

ConclusĂŁo

Concluindo nosso artigo, entendemos que conseguimos agilizar e melhorar algumas coisas no nosso desenvolvimento apenas adicionando alguns Plugins ao nosso editor de texto.

Se vocĂȘ gostou do post, comenta aqui em baixo quais temas gostaria de ver no nosso blog ou canal do youtube, compartilha com seus amigos, nos ajude a chegar ao mĂĄximo de pessoas possĂ­vel.

ComentĂĄrios