Truques Javascript

Prévia do material em texto

Que Todo Dev
Precisa Conhecer!
15 truques de
Javascript
@PhAlves23
página 01
Evita erros ao acessar propriedades aninhadas!
@PhAlves23
página 02
Chega de quebrar o código caso a
propriedade não venha!
1. Optional Chaining (?.)
Define um valor padrão apenas se a variável for null
ou undefined!
@PhAlves23
página 03
Se não tem nada, passe um valor
padrão!
2.Nullish Coalescing (??)
Facilita a interpolação de strings!
@PhAlves23
página 04
Adeus concatenação chata com +
3.Template Literals
Misture ou clone arrays sem complicação!
@PhAlves23
página 05
É como juntar sua lista de doces com a
de vegetais e fingir que está
equilibrado!
4.Array Spread Operator (...)
Filtra elementos com base em uma condição!
@PhAlves23
página 06
É como um segurança na balada
verificando RGs na porta!
5.Array Filtering
Transforma os elementos do array!
@PhAlves23
página 07
É como extrair os nomes de uma lista
de contatos sem precisar de telefone!
6.Array Mapping
Define valores padrão para parâmetros de função!
@PhAlves23
página 08
Deixa o parâmetro da função opcional,
se não passar nada ele assume um
valor padrão!
7. Default Parameters
Evita execuções excessivas de funções!
@PhAlves23
página 09
Se cada tecla pressionada no campo de
busca acionasse uma requisição, seu servidor
entraria em colapso. debounce garante que a
função só execute após um tempo de
inatividade.
8.Debouncing
Limita a frequência de execução de uma função!
@PhAlves23
página 10
Ideal para eventos contínuos, como scroll e resize, onde
executar a função a cada pixel movimentado é desperdício
de recursos.
9. Throttling
Executa várias promessas em paralelo e retorna
todas de uma vez!
@PhAlves23
página 11
Se você precisa buscar múltiplos
dados, rodá-los em sequência é
desperdício de tempo. Promise.all
resolve isso com eficiência.
10.Promise.all
Armazena resultados para evitar cálculos repetitivos!
@PhAlves23
página 12
Se você recalcula dados já
processados, está jogando tempo fora.
Memoization economiza CPU e
melhora a performance.
11. Memoization
Manipulação eficiente de strings!
@PhAlves23
página 13
Validações simples, como verificar se
um e-mail começa com "no-reply@".
12. String Methods
Converte e formata números corretamente!
@PhAlves23
página 14
Transformar "42px" em número sem
gerar erros evita surpresas
desagradáveis no código.
13. Number Methods
Formate moedas, datas e números de forma
padronizada!
@PhAlves23
página 15
Formatar valores manualmente é
trabalhoso e propenso a erros. Use Intl
e deixe o motor do JavaScript resolver
isso.
14. Intl para Formatação
Armazene valores únicos com eficiência!
@PhAlves23
página 16
Evita listas com valores duplicados
sem precisar rodar filter().
15. Set
@PhAlves23
página 17
Ou tem algum outro que
você ama e não
apareceu aqui?
Qual desses
truques você já
usa no dia a dia?
 Me conta nos comentários! ⬇