GSAP con React — Animaciones con useGSAP y limpieza automática
Guía de referencia oficial para usar GSAP en React y Next.js con el hook useGSAP, gestión de contexto, refs tipadas y patrones de limpieza en desmontaje. Cubre SSR, callbacks seguros con contextSafe y diferencias con useEffect.
Incluida en el Pase · para React, Next.js, Node.js
// qué_hace
Proporciona patrones de referencia para integrar animaciones GSAP en componentes React con limpieza automática y compatibilidad SSR.
// cómo_lo_hace
Usa el hook useGSAP de @gsap/react con scope de ref, contextSafe para callbacks asíncronos y gsap.context() como alternativa con useEffect.
// ejemplo_de_uso
Cuando integras GSAP en un proyecto Next.js y las animaciones generan memory leaks o errores de hidratación SSR. Ej.: sustituyes tu useEffect por useGSAP con scope de ref y el cleanup se gestiona automáticamente al desmontar el componente.
// plataformas
// opiniones_de_la_comunidad
Opiniones
Cargando opiniones…