Nexca es un panel de administración que creamos recientemente y en este artículo explicaré cada enlace para comprenderlos mejor y encontrar la última actualización. Consultalos aquí.

utilizarBuscar

El gancho useFetch se utiliza para recuperar datos como publicaciones, servicios o secciones de una URL específica. Este enlace toma un parámetro, que es la URL desde la cual obtener los datos.

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

utilizarGetSection

El gancho useGetSection se utiliza para recuperar datos de una sección específica. Este gancho es particularmente útil para la sección de clientes. Se necesitan tres parámetros:

1. url: la URL desde la cual se obtienen los datos, generalmente un punto final de API para publicaciones.
2. lengthItem: La cantidad de elementos que desea mostrar en esa sección.
3. secid: El ID de la sección para la que deseas obtener datos.

También puedes extraer el estado de carga para mostrar un esqueleto mientras se cargan las publicaciones.

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

utilizarGetLatestPosts

El gancho useGetLatestPosts se utiliza para recuperar las últimas publicaciones del sitio. Este gancho toma un parámetro:

• recentSize: la cantidad de elementos recientes que desea mostrar.

Es una buena práctica establecer la cantidad de elementos que desea ver usando useState.

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

utilizarCheckIniciar sesión

El gancho useCheckLogin se usa exclusivamente para que el administrador verifique si un usuario ha iniciado sesión. No requiere ningún parámetro y solo debe invocarse en la página o diseño del administrador.

utilizarSinglePost

El gancho useSinglePost se usa para recuperar una sola publicación en función de un parámetro de ID. Encuentra la publicación correspondiente y se la muestra al usuario. Este enlace solo se usa en la página /Publicaciones/[id].

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

utilizarLeerTexto

El gancho useReadText se utiliza para leer un texto determinado utilizando la capacidad de síntesis de voz del navegador. Proporciona funcionalidad para iniciar y detener el proceso de lectura. Este gancho toma un parámetro:

• texto: El texto que se leerá en voz alta.

El gancho mantiene un estado isSpeaking para indicar si el texto se está leyendo actualmente. Devuelve tres valores:

1. isSpeaking: Un valor booleano que indica si el texto se está leyendo.
2. handleReadText: Una función para comenzar a leer el texto.
3. handleStopReading: Una función para detener la lectura del texto.

import { useReadText } from './useReadText';

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

  return (
    

      Read Text
      Stop Reading
    
  );
};

Demo en vivo

Nombre de usuario: administrador
Contraseña: a123b456@@