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?
Diferença Entre Teste Estático E Teste Dinâmico
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?
Como Obter Parâmetros Da URL Com Javascript Puro
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?
Como Usar SCSS Com React
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:
O Que É Teste Unitário
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?
Como Usar Ícones No React
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?
Como Criar Estilo Global Com Styled Components - React
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?
Como Configurar ESLint No React
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!
Como Validar Um E-Mail Com Javascript
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?
Estruturas Imutáveis No Javascript
Ao falar sobre imutabilidade o pensamento que nos vem a cabeça é: simples, é só fazer cópia das variáveis ao invés de manipular a mesma.
De fato, a cópia ao invés do reúso dos objetos é um dos pilares da imutabilidade. Mas ao trabalharmos dessa forma, resolveremos o problema de mutação, mas criaremos outro: consumo de memória e processamento excessivos.
Considerando o primeiro cenário (cópia), é possível trabalhar da seguinte maneira:
1 | const arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'] |
Ao fazer isso, internamente são criados dois arrays completamente diferentes, porém com alguns valores em comum.
Não seria mais interessante se fosse possível fazer o que aparentemente fazemos com esse código: criar o arr2 “baseado” em arr, dessa forma otimizando memória?