Gerenciador de Pacotes: entendendo npm, npx e yarn no Node Package Managers
No cenário de desenvolvimento utilizando JavaScript/TypeScript, é impensável a construção de aplicações profissionais sem a utilização de um gerenciador de pacotes. Tanto é que, ao instalar o runtime (ambiente de tempo de execução) de javascript Node.js em sua máquina, já consta a opção (marcada por …
Como criar snippets no VSCode para agilizar o desenvolvimento em React
Quem costuma desenvolver aplicações em React provavelmente já se deparou escrevendo diversas vezes o mesmo bloco de código. Se estiver criando um componente funcional, por exemplo, você terá que criar uma função cujo nome inicia com letra maiúscula, que retorna XML (aquele JavaScript que parece …
Como configurar atalhos do GIT
Você está cansado de escrever repetidamente “git add .” && “git commit -m” “seu commit””? Pois bem, neste artigo, vamos aprender a utilizar atalhos do GIT. Os atalhos do GIT permitirão que possamos otimizar o trabalho do dia a dia, resultando em melhor experiência e …
Como criar CRUD Básico com NestJS, GraphQL e MySQL
Neste artigo, vamos aprender a criar um CRUD básico com NestJS, GraphQL e MySQL. Entretanto, antes de qualquer coisa, vamos entender o conceito de todos esses frameworks? Então, vamos lá! Segundo a documentação, NestJS é: Nest (NestJS) é mais um framework, voltado principalmente para construção …
Como criar um projeto com Vite e implementar Path Mapping
No desenvolvimento de sistemas digitais, me deparei com uma dificuldade de usar o Path Mapping ao criar um projeto React utilizando Vite. O que é Vite? O Vite foi criado pelo Evan You, que também é o criador do Vue.js. Vite significa “rápido” em francês, …
O que é e como utilizar Path Mapping no desenvolvimento com React
Quando desenvolvemos com frameworks e bibliotecas Javascript para criação de interfaces front-end, nos deparamos constantemente com importações entre arquivos. O Path Mapping pode auxiliar neste processo. Por isso, neste artigo, vamos falar sobre o que é esse recurso e como utilizá-lo. Conforme nossa aplicação vai …
Plop.js: automatizando a criação de arquivos
No dia a dia do desenvolvimento frontend, trabalhando com frameworks como React, Vue e Angular, precisamos criar diversos arquivos de componentes. Geralmente, esses componentes vem acompanhado de um arquivo de estilos, outro de testes e todos eles têm uma mesma estrutura inicial. E sempre que …
Utilizando o Amazon Cognito para implementar autorização em Lambda
A grande maioria dos sistemas necessitam controlar acesso aos seus recursos. Normalmente, esse controle é realizado por meio de cadastro de usuários que deverão se autenticar antes de poder acessar determinado endpoint de uma API, por exemplo. Essa atividade se torna um pouco repetitiva e …
Como criar Micro Interações em ReactJS?
Pode ser que você não esteja familiarizado com o termo Micro Interações, mas elas estão ao seu redor o tempo todo e fazem diferença no jeito que você utiliza uma aplicação. Elas são pequenas e sutis, mas servem um grande propósito na web: manter o …