No es lo que esperaba, pero quizás lo que necesitamos

Se anuncia un nuevo framework JavaScript full-stack creado por Ryan Florence y Michael Jackson, los autores originales de React Router y creadores de Remix. El presentador explica que aunque lleva el nombre Remix v3, es un framework completamente nuevo e independiente de React, a diferencia de las versiones anteriores que eran meta-frameworks de React (alternativas a Next.js). Se menciona que Remix v2 se fusionó con React Router en 2024, permitiendo usar React Router tanto como biblioteca de enrutamiento simple o en modo framework full-stack. Este nuevo Remix v3 representa la visión completa de sus creadores sobre cómo debería ser un framework JavaScript moderno, resolviendo problemas que identificaron en el ecosistema actual.

Se presenta la característica más controversial del framework: el uso de 'this.update' para actualizar la interfaz manualmente. A diferencia de React, Vue o Angular donde el framework determina automáticamente cuándo actualizar la UI, en Remix v3 el desarrollador debe gestionar el estado en variables estándar y llamar explícitamente a 'this.update' cuando desea que la interfaz se re-renderice. Esto implica el regreso del uso de la palabra clave 'this', algo poco común en JavaScript moderno, especialmente en React donde nunca se utiliza. El presentador explica que aunque las funciones de componente se mantienen (no clases), se verán diferentes y no habrá hooks como useState. Este enfoque busca dar control total al desarrollador sobre cuándo ocurren las actualizaciones de UI.

Se explican las motivaciones para este enfoque de actualización manual y el uso de primitivas this. El framework expone pocas APIs a través de 'this', manteniendo todo simple y enfocado. Un objetivo declarado explícitamente es que el framework sea fácil de usar por modelos de lenguaje grandes (LLMs), ya que ningún LLM existente fue entrenado en esta base de código. Dado que la mayoría de ejemplos de código frontend son React (especialmente con shadcn), necesitan que la documentación y ejemplos puedan alimentarse fácilmente al contexto de un chat con IA. El enfoque manual de actualización también resuelve problemas de complejidad en React moderno, donde con múltiples hooks no siempre queda claro por qué algo se actualiza o no, especialmente en aplicaciones complejas.

Remix v3 se basa fuertemente en características integradas en navegadores modernos y el backend, utilizando 'primitivas web' en lugar de crear abstracciones propias. Aprovechan eventos nativos del DOM y la capacidad de despachar eventos personalizados, así como señales de aborto para comunicar el desmontaje de componentes y detener event listeners automáticamente. Los creadores argumentan que los desarrolladores web no se han mantenido al día con las capacidades modernas de los navegadores, y que muchas funcionalidades han estado disponibles durante años sin ser ampliamente utilizadas. El objetivo es reducir la necesidad de bibliotecas de terceros y mantener todo simple usando lo que ya está disponible nativamente. A pesar de usar primitivas del DOM, los desarrolladores aún crean componentes con funciones y JSX, no con createElement directamente.

Se describen los dos tipos de componentes en Remix v3, similar a React pre-hooks (circa 2017). Las funciones que retornan JSX directamente son componentes sin estado: no pueden llamar this.update y solo se re-ejecutan si el componente padre se re-renderiza o cambian las props. Para crear un componente con estado, la función debe retornar otra función que a su vez retorna el JSX. Solo en estos componentes con estado se puede llamar a this.update para provocar re-renderizado, ejecutando nuevamente la función interna. Esta diferenciación es muy simple y clara comparada con los hooks de React. No hay gestión especial de estado como useState, solo variables regulares. Este diseño permite una API más ligera sin la complejidad de los hooks, mientras mantiene la familiaridad de trabajar con funciones y JSX.

Remix v3 no es solo frontend sino un framework full-stack completo que incluye backend. Viene con un router poderoso (aprovechando la experiencia de 10 años construyendo React Router) y capacidades para retornar JSX e hidratar componentes en el servidor. Ofrecen su propia alternativa a los React Server Components, más simple, que permite retornar componentes actualizados después de ser servidos, volviendo a obtener partes del DOM del servidor. Por ejemplo, al eliminar un elemento, se puede enviar una solicitud desde el cliente al servidor y recibir HTML que se hidrata nuevamente para actualizar el DOM. También incluirán una biblioteca de componentes para facilitar la construcción de formularios complejos. El objetivo es proporcionar todas las herramientas necesarias para construir aplicaciones full-stack modernas y rápidas similares a SPAs, como Next.js o TanStack Start, pero de manera más simple.

El presentador evalúa si necesitamos otro framework JavaScript y sus posibilidades de éxito. Aunque ya existen muchos frameworks, argumenta que un enfoque completamente nuevo con actualización manual y primitivas nativas vale la pena intentarlo, ofreciendo una alternativa más simple a React que se ha vuelto complejo. Sobre el éxito, reconoce desafíos: los LLMs actuales recomendarán React por defecto, pero desarrolladores experimentados podrían preferir Remix por una base de código más simple, especialmente si hay suficientes recursos para enseñar a las IAs a usarlo. Un factor crucial es que Shopify adquirió Remix en 2022, lo que podría impulsarlo como opción para vendedores de Shopify que construyen tiendas personalizadas, aprovechando su facilidad de uso con LLMs. Con el respaldo de Shopify, una comunidad entusiasta y el historial de React Router, el presentador es optimista sobre el futuro de Remix v3.