Frequentemente, enquanto estamos desenvolvendo nossas aplicações, desejamos informar ao usuário mensagens de sucesso ou erro após alguma ação tomada.
Nativamente pelo próprio Javascript, poderíamos exibir através do window.alert, mas convenhamos, não é a maneira mais elegante a ser seguida!
Pensando nisso, existem diversas bibliotecas a qual nos ajudam nesta simples tarefa e hoje vamos falar de uma desenvolvida para React, chamada React-tostify!
Muitas vezes vemos, nos mais diversos sites, linhas que ficam entre um título, um cabeçalho, da seguinte maneira:
Você sabe criar essa linha, com CSS, usando before e after?
As técnicas utilizadas em testes de softwares podem ser divididas em duas categorias.
Sendo essas divisões de técnicas: estáticas e dinâmicas
Mas afinal, qual a diferença entre testes estáticos e testes dinâmicos?
Trabalhar com URLs é uma tarefa comum em nosso desenvolvimento diário
Muitas das vezes, trabalhamos com frameworks como Angular, Vue, React que facilitam e muito o trabalho de manipular URLs, obter parâmetros, etc.
Mas alguma vez você já precisou obter os valores de uma query parameter com javascript puro?
Você utiliza Sass ou Scss para construir seu CSS e está criando um aplicação em React mas não sabe como utilizar ele?
Usar o Sass dentro do React é muito simples e fácil de ser configurado!
Para isso, em seu terminal instale o sass:
Quem nunca ouviu falar sobre teste unitário? Se o seu projeto possui testes de unidades?
É uma fala muito comum na vida cotidiana de um desenvolvedor!
Mas afinal, que raios é esse tal de teste unitário?
Quem nunca precisou utilizar ícones em seu desenvolvimento que atire a primeira pedra!
Ícones além de deixar nossa aplicação mais elegante (quando bem escolhido), nos permite cumprir no mínimo duas das dez heurísticas criadas por Nielsen.
Nielsen fala que nosso sistema deve ter uma compatibilidade com o mundo real (Heurística número 2) e que Consistência e Padronização (Heurística número 4) é essencial para que não seja necessário que o usuário fique pensando muito quando abrir a tela do seu software.
Afinal, quem não entende que aquele símbolo de setinha para esquerda significa voltar e a seta para direita de ir para frente?
Por isso, a utilização de ícones em nossa aplicação é de suma importância!
Vamos então ver como podemos adicionar as melhores bibliotecas de iconologia em nosso projeto?
Em um post anterior, expliquei o que era e como podíamos utilizar styled-components.
Naquele post, ensinava à adicionar estilos em componentes próprios, criados especificamente.
Mas como podemos fazer, caso queiramos usar o styled para criar um estilo que se aplica para o body, html de toda nossa aplicação?
Em nosso desenvolvimento diário, saber programar apenas não é o suficiente para sermos de fato um bom programador.
Existem padrões de projetos, boas práticas e alguns padrões que se seguirmos, nos torna muito melhor, bem como o nosso próprio código!
Uma coisa que devemos ter em mente é que, um código para ser considerado realmente bom é aquele código que fazemos de forma que um outro ser humano possa entender!
Pensando nisso, uma boa prática é utilizarmos o eslint!
Quando estamos desenvolvendo um formulário em uma aplicação web ou em um simples campo de e-mail, desejamos fazer uma validação se o texto que está sendo inserido pelo o usuário está no formato de e-mail realmente.
Existem algumas máscaras e até mesmo o input do HTML5 do tipo “email” que nos ajudam a fazer isto.
Mas como podemos fazer essa validação via Javascript?