Uma das dúvidas que a galera mais tem em relação ao React e seus hooks são o useMemo e o useCallback, e ninguém sabe muito bem por que e quando utilizar esses hooks. Então hoje eu resolvi explicar de forma bem detalhada como que funciona cada um desses conceitos, o Read more…
Opa! Se você programa em React e usa o Redux, você provavelmente já tentou imaginar uma forma fácil para exibir um feedback para o usuário enquanto uma requisição esta acontecendo. Seja na hora de submeter um formulário, seja na hora de buscar dados para popular a página.E sim, existem várias Read more…
Fala dev, tudo joia? Hoje eu quero desmistificar alguns dos métodos mais utilizados nos Arrays do JavaScript, o Map. No JavaScript os arrays possuem vários métodos que facilitam a sua manipulação. Esses métodos servem para resolver problemas comuns e têm uma aplicação bem abstrata, de forma que você consegue utilizar Read more…
Olá, pessoal! Hoje eu quero mostrar pra vocês o passo-a-passo de como configurar o Webpack para um projeto React! Muitas pessoas se assuntam quando a gente fala de Webpack, pois parece que vão ser inúmeras configurações complicadas e que parecem impossíveis de fazer. Nesse tutorial eu vou explicar cada um Read more…
Olá, pessoal! Hoje eu quero mostrar o passo-a-passo pra você entender e aprender como configurar um projeto usando diversas coisas ao mesmo tempo, como Docker, Node, Express, Mongo e Babel. Conteúdo do post Escopo do Projeto Pré-requisitos Criando a infraestrutura Instalando Express Rodando o projeto Definido volumes com docker-compose Instalando Read more…
Com essa função você pode facilmente gerar um numero aleatório inteiro com JavaScript, passando como parâmetros o mínimo (min) e o máximo (max) que irão definir os limites do números que podem ser gerados. Vale lembrar que essa é uma função “inclusive” on o mínimo e o máximo podem ser Read more…
[javascript] vocals = ‘Lee’; var guitar = ‘Lifeson’; const drums = ‘Peart’; window.vocals; // Lee window.guitar; // Lifeson window.drums; // undefined drums; // Peart [/javascript] Sempre declare suas variáveis usando let ou const para não poluir o escopo global. Espero que tenham gostado! Não deixe de visitar o repositório do Read more…
Usando o Promise.all() você pode aguardar várias promises serem executadas. O then() após o Promise.all() vai receber os resultados quando todas as promises forem resolvidas, e o catch() irá ser chamado caso alguma das promises lance um erro. [js] Promise.all([ doSomething, doSomethingElse, doOneMoreThing, ]) [/js]
Código para fácil acesso: [js] const band = ‘Kiedis,Flea,Frusciante,Smith’; const { 1: bass, 2: guitar } = band.split(‘,’); bass // Flea guitar // Frusciante [/js] Usando destructuring para criar constantes baseado nos índices de um array. Espero que tenham gostado! Sabe qual é a banda? #javascript #nodejs #react Não deixe Read more…
Olá, pessoal! Mais uma dica rápida de javascript aqui hoje. Se você quiser criar um botão de copiar, aquele famoso CTRL + C com JavaScript você pode fazer isso de forma rápida e fácil, deixando a sua aplicação com um detalhe a mais na usabilidade. Basta usar o document.execCommand(‘copy’); , Read more…