Adicionar um mapa em nossas aplicações é uma atividade não tão comum, mas algo muito fácil de ser feito.
Temos algumas opções open-source que podemos usar quando precisamos fazer algo do tipo, como por exemplo:
Neste post, irei ensinar uma maneira fácil de como adicionar o Leaflet em um projeto Angular!
Que atire a primeira pedra quem nunca em uma aula de algoritmo se deparou com o famoso fibonacci.
Fibonacci é uma sequência numérica em que cada número seguinte é somado aos dois números anteriores, começando por 0.
A fórmula então seria:
Fn = (Fn - 1) + (Fn - 2)
Vamos ver como aplicar isso em um algoritmo Javascript?
Começamos o mês de Outubro de 2020!
Quanta coisa aconteceu esse ano, hein?
Outubro é um mês com feriado, final de ano, época de contar os pontos para ver quanto precisa tirar no último bimestre para passar de ano né? ahahaha
Também temos uma festa muito conhecida, chama Oktoberfest, uma festa de origem Alemã, que todos associam à muita cerveja!
Mas, para nós desenvolvedores, também temos algo que ocorre em Outubro! A nossa Hacktoberfest!
Já ouviu falar?
Criar uma função que calcule o fatorial é algo frequentemente pedido em exercícios de lógica.
Para criar então em Javascript é uma atividade muito fácil a ser realizada!
Vamos utilizar recursão para deixar o nosso código mais enxuto possível!
Esses dias um amigo me mostrou um tweet do @sulco sobre como debuggar html, de uma forma bem simples!
Sabe aquele Select componente ou aquele dropdown que usamos e as vezes queremos alterar seu estilo, com ele aberto?
Sempre que tentamos selecioná-lo, acaba fechando, sumindo, desfazendo! Dá uma raiva!
Então hoje apresento algo que até poucos dias atrás não conhecia: “emulate a focused page”
Uma das coisas mais comuns enquanto desenvolvemos em React com Hooks é a utilização do useEffect.
Basicamente, com ele podemos executar alguma função no momento em que estamos carregando a página ou quando ocorre alteração de alguma variável que estamos assistindo.
Mas por padrão, o React não aceita que essa função useEffect seja do tipo async.
Como podemos fazer então para realizar um fetch dentro do useEffect e aguardar o resultado?
Você já precisou validar se os dados que estão sendo enviado pelo front-end realmente estão corretos?
Realizar uma validação antes de enviar seus dados para sua API é de extrema importância, pois dessa forma evitamos erros e envio de informações erradas!
Uma maneira fácil para validarmos nosso formulário é utilizando um cara chamado Yup!
Enquanto desenvolvemos aplicações com NodeJS e Postgres, é comum usarmos ORM para facilitar o nosso desenvolvimento, como por exemplo, Sequelize.
O Sequelize nos fornece uma forma rápida e fácil de consultarmos dados em nosso banco, sem muitas preocupações!
Mas como fazemos, quando a consulta que o Sequelize está fazendo é muito complexa ou é inviável fazer por ele?
Podemos fazer nossas próprias consultas! Para isso usaremos um cara chamado Node-Postgres
Enquanto estamos desenvolvendo formulários em nossas aplicações, nos deparamos com campos comuns do tipo CEP, CPF, RG, telefone, etc.
Esses campos possuem uma formatação padrão entre eles, por exemplo, o CEP sabemos que o formato é algo assim:
1 | xxxxx-xxx |
Então, como podemos adicionar essa formatação automaticamente dentro do nosso sistema?
Para ser mais rápido, utilizaremos um cara chamado react-input-mask
Enquanto estamos desenvolvendo aplicações com React, é comum usarmos o react-router-dom para navegação entre rotas.
Ele serve para quando necessitamos mudar de página, seja renderizado a nova página sem recarregar toda nossa aplicação!
Um dos benefícios que podemos extrair dessa lib é a capacidade de enviar dados através rotas para que o nosso outro componente tenha acesso!
Você já precisou passar parâmetros com o history.push?