Lo que es cierto en los Estados Unidos y el Repintado

Ante la necesidad de buscar trabajo y viendo la demanda de desarrollo de aplicaciones móviles utilizando React, decidí ahondar en esta librería. Estudiando sus manuales oficiales encontré el subtítulo “React Only Updates What's Necessary”. Explique: "React DOM compara el elemento y sus elementos secundarios con el anterior, y solo aplica las actualizaciones de DOM necesarias para llevar el DOM al estado deseado". También nos dan un ejemplo para que se pueda comprobar.

Para verificar la afirmación simplemente colocamos un “console.log()”.

Una vez ejecutada la función vemos la consola del navegador y aparece repetidamente el contenido de “console.log()” junto con la hora modificada.

Nueva prueba:

Dudando de este resultado, decido hacer otra prueba usando sus propios componentes sin ningún TAG HTML, ya que React usa HTML modificado llamado JSX.

Resultado:

La modificación de un estado hace que se vuelva a pintar toda la función. Es contrario a lo que indica el manual.

Desconfianza generalizada

Entonces duda de las herramientas móviles que dicen gestionar estados y tener repintado optimizado. Y decidí probar, con la misma funcionalidad, SwiftUI para iPhone y JetPack Compose para Android.

Interfaz de usuario rápida:

Resultado:

Composición de JetPack:

Resultado:

¿Qué está sucediendo?

Repintar móviles no es un detalle exquisito, consume recursos y batería. En este aspecto React ya es ineficiente. Pero, ¿por qué cualquier industria insiste? Está claro que mejores productos de software no interesan, sino ahorrar costos sin afectar sus ganancias. Si una vaca produce dos litros más de leche al día, bienvenido sea, independientemente de lo que este excedente le provoque al consumidor. No es de extrañar que Facebook sea la madre del cordero.

Un agradecimiento especial a Sanjay S.