Estoy trabajando en un proyecto simple donde react.js se implementará en una Raspberry Pi con una pantalla táctil. Hasta ahora (sin hacer optimizaciones serias) noté que si bien mis componentes son bastante simples, el ciclo de renderización / actualización tiene un costo significativo en la experiencia del usuario en algunos casos específicos.
Mi caso es una entrada de rango diseñada a medida que se basa en el bucle de renderizado para actualizar visualmente el control deslizante que en la mayoría de los casos se actualizaría visualmente directamente por el navegador. Tomar los bucles adicionales a través de reaccionar crea un retraso visible y algunas fluctuaciones. La aplicación todavía se ejecuta, y no me molestarán los problemas de rendimiento ya que sé sobre el hardware limitado, pero todavía está allí. Funcionando en una computadora portátil convencional, no hay diferencia entre un control deslizante “nativo” y uno personalizado.
Eche un vistazo, el cursor muestra claramente la acción inmediata de la entrada táctil y la entrada de rango se queda atrás:
- Cómo hacer mis propios códigos de colores hexadecimales para HTML
- Múltiples fondos en sitios web de una página?
- ¿Qué host de sitio web debo usar para registrar múltiples sitios web de WordPress que estoy diseñando y administrando para clientes?
- Cómo crear una lista permanente en una aplicación web de Python Bottle
- ¿Cuál es el mejor software para usar para operar un sitio web privado de ropa de ventas flash?
