Nexca é um painel de administração que construímos recentemente e neste artigo vou explicar cada gancho para entendê-los melhor e encontrar a atualização mais recente, você confere aqui.

usarFetch

O gancho useFetch é usado para buscar dados como postagens, serviços ou seções de um URL especificado. Este gancho usa um parâmetro, que é o URL do qual os dados serão buscados.

const data = useFetch('/api/posts/');

useGetSection

O gancho useGetSection é usado para buscar dados de uma seção específica. Este gancho é particularmente útil para a seção do cliente. São necessários três parâmetros:

1. url: o URL do qual buscar os dados, normalmente um endpoint de API para postagens.
2. lengthItem: O número de itens que você deseja exibir nessa seção.
3. secid: O ID da seção para a qual você deseja buscar dados.

Você também pode extrair o estado de carregamento para exibir um esqueleto enquanto as postagens estão carregando.

const { data, loading } = useGetSection('/api/posts/', 8, 2);

usarGetLatestPosts

O gancho useGetLatestPosts é usado para buscar as postagens mais recentes no site. Este gancho leva um parâmetro:

• recentSize: o número de itens recentes que você deseja exibir.

É uma boa prática definir o número de itens que você deseja ver usando useState.

const [recentSize] = useState(5);
const { posts } = useGetLatestPosts(recentSize);

useCheckLogin

O gancho useCheckLogin é usado exclusivamente para o administrador verificar se um usuário está logado. Ele não aceita nenhum parâmetro e só deve ser chamado na página ou layout do administrador.

usarSinglePost

O gancho useSinglePost é usado para buscar uma única postagem com base em um parâmetro de ID. Ele encontra a postagem correspondente e a exibe ao usuário. Este gancho é usado apenas na página /Posts/[id].

const post = useSinglePost();
// To read data from the post
{post.title}

usarReadText

O gancho useReadText é usado para ler um determinado texto usando o recurso de síntese de fala do navegador. Ele fornece funcionalidade para iniciar e interromper o processo de leitura. Este gancho leva um parâmetro:

• texto: O texto a ser lido em voz alta.

O gancho mantém um estado isSpeaking para indicar se o texto está sendo lido no momento. Ele retorna três valores:

1. isSpeaking: Um booleano que indica se o texto está sendo lido.
2. handleReadText: Uma função para iniciar a leitura do texto.
3. handleStopReading: Uma função para interromper a leitura do texto.

import { useReadText } from './useReadText';

const ExampleComponent = () => {
  const { isSpeaking, handleReadText, handleStopReading } = useReadText('Hello, this is a sample text.');

  return (
    

      Read Text
      Stop Reading
    
  );
};

Demonstração ao vivo

Nome de usuário: administrador
Senha: a123b456@@