Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

155
Views
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 answers
Answer question

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 Report

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!