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!
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?
Como Converter Um Número Em Moeda Com Javascript
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!
Como Usar useParams Para Obter Parâmetros URL - React
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()?
Como Copiar Um Texto Com Javascript
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:
Como Remover Parâmetros Dos Queries Parameters
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!
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:
Como Usar O Behavior Subject No Angular
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!
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!
Como Adicionar Mapa Leaflet No Angular
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:
- Leafletjs
- Openlayers
- Mapbox
- Datamaps
- Bing Maps
- Kartograph
Entre outros!
Neste post, irei ensinar uma maneira fácil de como adicionar o Leaflet em um projeto Angular!