useLoader

O hook personalizado useLoader facilita a atualização do status de carregamento do site, e é usado para mostrar um loader sempre que precisarmos.

Retornos

Propriedade	Descrição
isLoading	Retorna um boolean, sendo verdadeiro caso o site esteja com loading ativo. Esta propriedade é usada para controlar a exibição do Loader global.
setIsLoading	Função que recebe um boolean para definir o status de carregamento.

Utilização

pagina-exemplo/index.tsx

// Importando o hook
import { useLoader } from '{hooks}/useLoader';

function PaginaExemplo() {
    // Desestruturamos para pegar o que precisarmos
    const { setIsLoading } = useLoader();

    function example() {
        setIsLoading(true);

        // Ações

        setIsLoading(false);
    }

    ...
}

Dica

Este hook é chamado em quase todas as requisições a API em um block try-catch-finally, ativando o loading no início da função, e desativando sempre no bloco finally. Para mais informações, veja Requisições.