Código Explicado

  REACT.JS · JAVASCRIPT Como funciona o useCallback no React? Guia prático com exemplos Aprenda o que é o useCallback do React , para que serve, como funciona por trás dos panos e quando vale a pena utilizá-lo. Você verá exemplos simples, erros comuns e dicas para escrever componentes mais eficientes. O que você vai aprender: O que são funções e por que o React as recria. Como usar o useCallback passo a passo. Como funciona a lista de dependências. Quando o useCallback ajuda e quando é desnecessário. 1. O que é o useCallback? O useCallback é um Hook do React que permite manter a mesma referência de uma função entre renderizações, enquanto suas dependências não mudarem. Mas precisamos entender duas coisas antes: o que é uma função e o que é uma renderização. O que é uma função? Uma função é um pequeno conjunto de instruções que realiza uma tarefa. Imagine um bot...

  React.js · Hooks · JavaScript Como funciona o useMemo do React? Guia prático com exemplos Você já imaginou se o React pudesse guardar o resultado de uma conta para não precisar fazê-la novamente toda vez que a tela fosse atualizada? É justamente essa uma das funções do useMemo . Neste guia, você vai aprender o que é o useMemo, como ele funciona por trás dos panos, quando vale a pena utilizá-lo e quais erros evitar. Tudo com exemplos de código que você poderá testar no seu próprio projeto React. 1. O que é o useMemo no React? O useMemo é um Hook do React que permite guardar o resultado de um cálculo entre as renderizações de um componente. Mas o que significa guardar um resultado? Imagine que você precisa somar os números de uma lista. Se a lista tiver milhares de números, essa conta poderá levar algum tempo. Se nada que afete essa conta mudar, talvez seja desnecessário r...