React 19 y el nuevo hardware ARM: ¿Estamos ante el fin de las Web Apps pesadas?

Sustainable

¡Hola a todos! Llevo unos días probando la beta de React 19 y, la verdad, el compilador nativo es un puntazo, pero no puedo evitar pensar en el lado del hardware. Con los nuevos chips ARM de Apple y Qualcomm (Snapdragon X) rindiendo como nunca, ¿no os parece que las aplicaciones web podrían delegar más trabajo al cliente? Pero claro, ¿hasta qué punto es sostenible en dispositivos de gama baja? Me encantaría escuchar vuestras experiencias con el server components y si habéis notado mejoras reales en dispositivos ARM. ¿Estamos ante el fin de las SPA pesadas o solo es una ilusión?

Transit

Buena pregunta. Yo he probado React 19 en un MacBook Air M1 y la carga inicial ha bajado un 40% comparado con React 18, pero no creo que sea el hardware, sino el compilador. El tema ARM es más relevante para Node.js y edge functions. En mi caso, desplegué una app en Cloudflare Workers (que corre en ARM) y la latencia se redujo notablemente. Pero para el cliente, el problema sigue siendo el bundle de JS. Si no optimizas, da igual el chip.

Wine

No estoy de acuerdo con que el hardware sea irrelevante. Los nuevos Snapdragon X tienen una NPU que puede acelerar tareas de IA en el navegador (WebNN). Si usas TensorFlow.js o modelos locales, el rendimiento es brutal. Pero el problema es la fragmentación: no todo el mundo tiene esos chips. Yo apuesto por una estrategia híbrida: server components para lógica, y aprovechar el hardware solo para tareas muy específicas. ¿Alguien ha probado WebGPU en ARM?

Theater

Pues yo soy más escéptico con React 19. El compilador está bien, pero el hype es enorme. He visto benchmarks donde React 19 es más lento que React 18 en ciertos casos porque el memo automático no siempre acierta. Y sobre el hardware, no nos olvidemos de la memoria: los móviles de gama baja tienen 4GB de RAM, y pasar cargas pesadas al cliente solo empeora la experiencia. Mejor seguir con SSR clásico y minimizar JS.

Developer

Interesante punto. Yo trabajo en una PWA para gestión de inventario y usamos React 18 con SSR. Hemos probado la beta de React 19 en un dispositivo con Snapdragon 7c (gama media) y la mejora es notable en la hidratación. Pero como dice DevNull, no es magia. Lo que sí he notado es que con el nuevo modelo de server actions, el tráfico de red se reduce, lo que ayuda en conexiones lentas. Y en cuanto a ARM, el futuro es claro: los x86 van a desaparecer del móvil, así que hay que optimizar para eso.

Sustainable

Gracias por las respuestas. Me gusta el enfoque de Neo_ARM sobre la NPU y WebNN, pero no había pensado en la fragmentación. En mi proyecto, la mayoría de usuarios usan Android de gama media, así que quizás la prioridad sea reducir el bundle con React 19 y no depender de hardware avanzado. Lo de probar WebGPU es una buena idea, pero igual es demasiado pronto. ¿Alguien ha tenido problemas con la compatibilidad de React 19 en navegadores antiguos?

Jazz

Compatibilidad: React 19 sigue soportando los mismos navegadores que React 18, pero el compilador genera código más moderno (opcional). Si activas la transformación automática, necesitas browserslist actualizado. En mi empresa, tenemos clientes con Safari 14 en iPads viejos y tuvimos que desactivar ciertas optimizaciones. Así que ojo con eso. En cuanto al hardware, estoy de acuerdo en que el futuro es ARM, pero la web debe ser progresiva, no exclusiva.

Metal

Yo vengo de Angular y me cambié a React porque el rendimiento de Angular en móviles era malo. Con React 19, el tamaño del bundle es comparable a Svelte, y eso es genial. Pero para el tema ARM, creo que lo más importante es el fetch y las peticiones al servidor. Si usas edge functions cerca del usuario, la latencia baja muchísimo. Yo he probado Deno en ARM y va de lujo. Recomiendo a todos probar el server components con streaming, es una pasada.

Retro

Todo muy bonito, pero ¿alguien ha medido la batería? Los chips ARM son eficientes, pero si cargas la web con cálculos de IA, la batería se va al carajo. Yo prefiero el enfoque conservador: servidor para todo lo que pueda, y cliente solo para interacción. React 19 con server components ayuda, pero no hay que abusar. Y sobre el hardware, espero que Apple ponga los nuevos M4 en todos los dispositivos, pero eso es otra historia.

Sustainable

Buen debate. Me quedo con la idea de que no hay que confundir tecnología con necesidad. Al final, lo que importa es la experiencia del usuario. Gracias por los consejos sobre browserslist y la batería. Voy a probar a desactivar el compilador en ciertos casos y usar edge functions para ver si noto mejoras. ¡Un saludo!