Recentemente, fui questionado se eu sabia o que era cookies e localstorage e se sim, quais as diferenças entre eles.
Essa pergunta me pegou pois eu não sabia a fundo a diferença entre os dois.
Então fui pesquisar e trago um resumo para vocês!
O Que É Mobile First
Mobile first é uma abordagem de design que prioriza o projeto para dispositivos móveis primeiro, em vez de projetar para desktop e depois adaptar para dispositivos móveis. Isso é importante porque cada vez mais as pessoas estão acessando a internet através de seus smartphones e tablets, e é crucial garantir que o site seja fácil de usar em dispositivos móveis.
Como Reutilizar CSS Com Styled Components
Seguindo o conceito de DRY, devemos evitar reescrever códigos repetidos
E o mesmo se aplica em CSS! Pensando em um cenário onde podemos ter um CSS que se aplica em vários lugares e precisamos alterar, teríamos que alterar em todos os lugares que fizemos a chamada.
E é por isso que é sempre bom termos esse tipo de código em um só lugar!
Mas você sabia que é possível criar regras CSS comuns com o Styled-components?
Como Alterar O Env No Comando Do Package
Uma das coisas mais comuns em nosso desenvolvimento é a necessidade de rodar nossos projetos em ambientes diferentes, seja ele QA, Dev ou até mesmo apontar para PROD!
Seria extremamente chato se tivessémos que ficar alterando a URL em nosso arquivo .env toda vez que quiséssemos ver um diferente.
E é pensando nisso que hoje apresento para vocês um pacote que ajuda muito, o env-cmd
Lista De Idiomas Disponíveis No Locales Em toLocaleString
Pesquisando sobre quais são as opções de idiomas que poderia passar em toLocaleString, encontrei uma lista no qual compartilho com vocês:
Como Pegar O Idioma Do Navegador
Alguma vez você já precisou pegar o idioma que o usuário utiliza em seu navegador para utilizar no sistema, seja para exibir alguma informação daquele idioma ou até para realizar a internacionalização?
O navagador possui, dentro da propriedade navigator, os idiomas preferenciais do usuário, e é muito fácil recuperar esse valor:
Como Verificar Se Um Número É Palíndromo Ou Não Com Javascript
Os números palíndromos aparecem naturalmente na sequência dos números naturais, são números que podem ser lidos em ordem inversa e continuam tendo o mesmo valor.
Um exercício de lógica é verificar se um dado número é palíndromo ou não.
Você sabe então, como validar, utilizando Javascript?
Como Ver Os Valores Dentro De Um formData
Enquanto desenvolvemos, é muito comum queremos fazer um console.log() em algum valor para vermos que estamos enviando para nossa API.
Porém, nem sempre isso é possível!
Caso estejamos trabalhando com um formData, não podemos isso:
1 | const formData = new FormData(); |
Diferença Entre Null, Undefined E Zero
Sabe aquela questão que sempre perguntam numa entrevista de um teste front-end?
Qual a diferença entre null, undefined e zero?
Vou te explicar de uma forma que você nunca mais vai esquecer!
Como Remover Valores Duplicados Em Array De Objetos
Em uns posts anteriores, falei sobre como podemos remover valores duplicados em um ARRAY.
Mas e se fosse um ARRAY de OBJETOS? A abordagem que ensinei no post não funciona, já que como falei, é um array de objetos.
Além de não funcionar, não podemos simplesmente implementar um loop dentro de um loop (um forEach com um some, por exemplo), ou melhor dizendo, até podemos, mas esse algoritmo teria sua complexidade O(n²) o que é extremamente LENTO em caso de arrays maiores.
Neste código abaixo, demonstro como podemos criar nossa função de remover valores repetidos em um array: