Como Criar Variável De Ambiente React

Antes de mais nada, essa feature está disponível a partir da versão 0.5.0 do react-scripts

Uma excelente prática enquanto estamos desenvolvendo é que nosso sistema nunca tenha estaticamente no código URLs e endereços, o famoso hard coded.
É muito aconselhável que tenhamos essas informações em um arquivo de variáveis

Para isso, neste post irei mostrar como podemos armazenas esses informações dentro de um arquivo chamado .env

Ler mais

Como Fazer Debounce Com Angular

Recentemente em um projeto específico tive a necessidade de adicionar um listener para que ficasse escutando o redimensionamento da tela, e quando tal ocorresse, devia redimensionar o tamanho do gráfico, para que sempre ficasse na melhor proporção, sem quebrar nenhum dado.

Entretanto, eu não poderia ficar disparando uma função de redimensionamento toda vez que esse evento ocorresse pois se o usuário ficasse redimensionando, poderia trazer problemas performáticos para a aplicação.

Uma solução encontrada foi realizar uma espécie de debounce, que já vimos como fazer com Javascript puro. Mas e com Angular, você sabe como fazer isso?

Ler mais

Adicionar Event Listener No Storage Javascript

Alguma vez você já precisou verificar se houve alguma alteração no Session Storage ou Local Storage, com o Javascript?
Você sabia que é possível adicionarmos um event listener a esse pessoal da mesma forma que fazemos, por exemplo, em um botão ou um input?

É muito fácil e útil, com isso podemos ficar observando e caso o usuário faça alteração em algum determinado, podemos redirecionar ele para outra URL, impedindo que faça modificações deste tipo!

Olha como é simples:

Ler mais

Validação Personalizada No Angular 8

Você já precisou fazer validações em formulários com Angular, correto?
Por padrão, quando vamos construir um form reativo, podemos passar algumas validações que o Angular já possui, como por exemplo, verificar se ele é obrigatório, se está preenchido, etc.

Mas você já precisou fazer uma verificação personalizada? Como por exemplo, verificar se a data inserida é válida?
Veja como é fácil fazer isso!

Ler mais