Refs mutables para temporizadores e identificadores

Objetivo: guardar referencias de temporizadores, timeouts de debounce e identificadores simples en useRef para que sobrevivan a los renderizados sin provocar otros nuevos.

Reglas:

• Coloque los detalles de implementación (identificadores y referencias) en refs.
• Use setState funcional dentro de los temporizadores.
• Cancele los temporizadores durante la limpieza para evitar fugas.

Guardamos el identificador del intervalo en una ref para que persista entre renderizados, pero sin provocar nuevos renderizados.

Debounce: guarde el identificador del timeout en una ref. Cada cambio cancela el timeout anterior y establece uno nuevo. Haga la limpieza al desmontar.

Aplicamos debounce a la escritura del usuario cancelando un identificador de timeout almacenado en una ref; la solicitud solo se ejecuta cuando termina la escritura.

Cree un pequeño generador de identificadores con un contador en una ref: nextId.current += 1. Úselo para claves o etiquetas exclusivas del cliente; evítelo para identificadores del servidor.

Resumen: mantenga las referencias mutables (intervalos, timeouts y contadores de identificadores simples) en useRef. Límpielas correctamente y mantenga en el estado los datos que se muestran en la interfaz.