He revisado la documentación oficial de react-native y algunas otras fuentes y blogs medianos, supe que hay hilos de interfaz de usuario y hilos de JavaScript en react-native. El hilo de JavaScript es el hilo donde se ejecutará la lógica. Se ejecuta el código de JavaScript, se realizan llamadas a la API, se procesan los eventos táctiles y muchos otros. Y UI Thread actualiza la interfaz de usuario. Si el hilo de JavaScript está funcionando en el proceso y si nuevamente realizamos la acción del botón o cualquier otro evento táctil, lleva algún tiempo responder, después de completar un proceso, solo las Actualizaciones de la interfaz de usuario hasta que sienta que está retrasado o está atascado en algún lugar.
Por ejemplo
Hay un navegador de pestañas inferior que tiene cuatro pestañas, hay una vista de lista en la primera pestaña y una vista de mapa que muestra la ruta entre múltiples puntos en la segunda pestaña
Había realizado alguna acción de botón (hice clic en el botón Me gusta en la vista de lista) en la primera pestaña e inmediatamente navegué a la segunda pestaña, se siente un poco de retraso en la actualización de la interfaz de usuario o toma algo de tiempo (1-3 segundos) para navegar desde la primera pestaña a la segunda pestaña
En la segunda pestaña, el mapa toma tiempo (5-10 segundos) para buscar la ruta entre múltiples puntos cuando este proceso continúa si navego a cualquier otra pestaña, la navegación entre pestañas no es fluida y hay mucho retraso de IU.
¿Cómo podemos hacer que la aplicación react-native responda más rápido a las acciones táctiles y reduzca el retraso de la interfaz de usuario?
¿Existe algún concepto de subprocesamiento múltiple y subprocesamiento en segundo plano que podamos ejecutar lógicas particulares en el subproceso principal y actualizar la interfaz de usuario para hacer que una aplicación nativa de reacción responda más rápido sin ningún retraso?
fuente