Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

152
Vistas
Mi aplicación de reacción se congela/retrasa en dispositivos móviles

Creé una aplicación pero se bloquea en los dispositivos móviles, no sé cuál es el problema.

La aplicación en netlify: https://mlvo.netlify.app/

En computadoras funciona muy bien y es fluido, pero en dispositivos móviles funciona al aterrizar en la página, pero después de 2/3 acciones, se congela.

¿Puede alguien ayudarme por favor?

about 4 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

Al abrir su aplicación y verificar la consola, puede ver que tampoco funciona bien en el escritorio. Hay un console.log infinito que se llama desde Planning.js . ingrese la descripción de la imagen aquí

Tienes que volver atrás y ver qué podría estar causando eso. (Sin ver el código, esto parece un problema con useEffect que causa una reproducción infinita y golpea los registros de la consola).

La razón por la que parece estar bien en una computadora de escritorio es probablemente porque las computadoras de escritorio tienen más recursos que los teléfonos, por lo que no ve una caída de rendimiento tan grande debido a los registros repetidos de la consola.

about 4 years ago · Juan Pablo Isaza Denunciar

0

Parece que hay un efecto secundario que hace que tu aplicación se ejecute en un bucle infinito.

¿Por qué este comportamiento?

Tiene 2 useEffects, el primero que se carga después de que se monta el componente, que hace un hit de API y establece su estado en response.data . el segundo tiene la lista de eventos como una de sus dependencias, cuando la dependencia cambia, la reacción activa otra representación y, por lo tanto, la dependencia cambia, y así sucesivamente.

 const [eventList, setEventList] = useState([]);
 useEffect(() => { Axios.get('https://mlvo-planning.herokuapp.com/read').then((response) => { setEventList(response.data); }) }); useEffect(() => { if(eventList){ eventList.map((l)=>{ console.log(moment(l.eventDate, "DD-MM-YYYY").format("ddd DD MMM")); }); } },[eventList]);

¿Cómo prevenir este comportamiento?

El bucle infinito se soluciona mediante la gestión correcta del argumento de dependencias useEffect(callback, dependencies).

Una forma eficiente de evitar el ciclo infinito es administrar adecuadamente las dependencias de los ganchos: controlar cuándo se debe ejecutar exactamente el efecto secundario.

Le recomiendo que lea más sobre el gancho useEffect

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda