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
As vezes enquanto desenvolvemos, nos deparamos com situações que precisamos remover espaços em branco de uma string.
Fazer isso com Javascript é muito fácil, com uma linha você já consegue solucionar isso!
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?
Recentemente em um projeto, precisei formatar um valor para moeda.
Poderia facilmente fazer uma função que tratasse esse tipo de número ou algo do tipo, mas você sabia que o Javascript possui uma maneira nativa de fazer essa conversão?
Olha como é fácil!
Os Hooks do React chegaram mudando tudo! O que conhecíamos antes, com a atualização, passou a ficar muito mais fácil!
Isso se aplica aos nossos códigos mas também em algumas famosas libs!
Um exemplo disso é o React Router Dom!
Vamos ver como fica o acesso de parâmetros da URL com o useParams()?
Recentemente, precisei fazer uma funcionalidade em meu sistema onde ao clicar em um botão, copiasse o texto que estava na caixa de texto.
Fazer isso com Javascript é muito simples!
Primeiro vamos considerar a seguinte estrutura:
Em um post anterior, ensinava como você conseguia obter parâmetros da URL pelo Javascript, lembra?
Mas, e se em um determinado cenário, você precisasse fazer o oposto, como por exemplo, remover um parâmetro de uma URL e retornar ela?
Com o seguinte método, conseguimos realizar essa atividade sem dificuldades!
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:
O Angular, ao contrário do React, por exemplo, não possui um padrão definido de gerenciamento de estado.
O Rxjs possui observers (que são a nossa interface para consumir dados) e observables (nossa interface para submeter dados).
Então, hoje vamos ver como podemos utilizar o BehaviorSubject, um Subject que permite emitir o valor atual!
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!