🔥TOP 10 extensões VSCode para desenvolvimento React 🔥

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.