Rari - framework de React impulsado por Rust

• Infraestructura de renderizado acelerado en tiempo de ejecución que aprovecha el rendimiento de compilación de Rust para maximizar la velocidad de compilación y ejecución de aplicaciones React
• Soporte nativo para React Server Components, lo que reduce la cantidad de JavaScript enviada al cliente
• Compilaciones rápidas sin configuración con un bundler Rust de nueva generación basado en Rolldown-Vite
• Soporte completo para TypeScript mediante tsgo, con verificación de tipos 10 veces más rápida
• HMR basado en Vite, mensajes de error detallados y herramientas de desarrollo a velocidad nativa para garantizar una experiencia de desarrollo fluida

---

Optimización de rendimiento basada en Rust

• Compilado con Rust para ofrecer velocidad de nivel nativo
  • Permite procesamiento de alta velocidad tanto en compilación como en tiempo de ejecución
• Estructura diseñada para minimizar los cuellos de botella de rendimiento en aplicaciones React

Soporte para React Server Components

• React Server Components viene integrado de forma nativa
  • Reduce la cantidad de JavaScript enviada al cliente, mejorando la eficiencia de carga
• Logra optimización de transferencia mediante renderizado centrado en el servidor

Entorno de compilación sin configuración

• Estructura de Zero Configuration basada en Rolldown-Vite
  • Permite compilar de inmediato sin configuración adicional
• Un bundler escrito en Rust ofrece velocidades de compilación relámpago

Bundling y seguridad de tipos

• Rolldown permite bundling a velocidad nativa para obtener el máximo rendimiento
• Soporte completo para TypeScript mediante tsgo
  • Ofrece verificación de tipos 10 veces más rápida y definiciones de tipos precisas

Experiencia para desarrolladores

• HMR (Hot Module Replacement) basado en Vite para reflejar cambios de código al instante
• Mensajes de error detallados y herramientas de desarrollo a velocidad nativa para facilitar un flujo de trabajo fluido
• Proporciona un entorno integrado Rust-React que mejora la eficiencia y la productividad del desarrollo

[GN⁺]

Comentarios en Hacker News

• La verdad, este proyecto me gustó. Pero la calidad de la guía y la documentación es demasiado pobre
  Si la expresión “rust-powered” solo significa que empaqueta JS con rolldown, está bien, pero es fácil malinterpretarlo como si fuera un framework de Rust
  Además, frases como “seamless NPM package integration” se sienten como si las hubiera escrito un LLM. La mayoría de las librerías de JS ya funcionan así, así que no dice mucho
  Aun así, como casi no hay frameworks simples para React, la simplicidad de poder pasar directo de un proyecto vacío a RSC es realmente excelente. Ese debería ser el eslogan
  El código base se veía mucho más maduro que la documentación. El plugin de Vite también parece tener buen soporte de opciones, solo que todavía no está documentado
  Después vi que el runtime en Rust realmente ejecuta JS. Pero me pregunto si esto está separado del framework o si solo funciona sobre el runtime de Rust. Me gustaría saber si puede correr también en Node

  • Coincido en que el mensaje era confuso. Como hasta ahora lo he escrito yo solo, cualquier PR para mejorar la redacción es más que bienvenida
    “Rust-powered” no se refiere al bundler, sino al runtime del servidor. El servidor HTTP, el renderer de RSC y el enrutamiento están escritos en Rust, y los componentes de React se ejecutan con un motor V8 integrado
    Lo de la integración con npm quería decir que el runtime en Rust maneja directamente la resolución de node_modules. No usa specifiers de npm como Deno
    La propuesta de eslogan “Zero to RSC in minutes” es mucho más clara. Me enfoqué tanto en estabilizar el runtime que la documentación se quedó atrás, pero ya es momento de ponerla al día

• Creo que React es ahora mismo lo peor entre los frameworks modernos de JS. Vue está mucho más adelantado, y Svelte, Solid e incluso Marko me parecen mejores

  • Es cierto que React ha añadido abstracciones poco buenas durante los últimos 10 años. Especialmente hooks y effects
    Pero aun así no es el peor. Logró masificarse gracias a innovaciones como JSX, los componentes funcionales y una gestión de estado simple
    Ahora la comunidad es tan grande que no va a ser reemplazado fácilmente. Otros frameworks han ido mejorando poco a poco, pero el nivel de innovación tampoco ha sido tan grande
  • Suena como esa clase de afirmación de “el mundo está equivocado y yo soy el único que tiene razón”. No siento que los otros frameworks estén tan por delante. He usado varios, pero React fue el más fácil de entender
  • Soy desarrollador de React, y tras usar Vue durante los últimos meses casi no vi ventajas
  • Totalmente de acuerdo. React mejora muchísimo si lo escribes con patrones no estándar, pero la comunidad es tan dogmática que se burla de esos intentos
    En mis proyectos personales uso una estructura MVC/MVVM y es mucho más fácil de manejar. También dependo menos de plugins del IDE y puedo elegir libremente la versión de TypeScript
  • Importa mucho si hay soporte de SDK para SaaS. La mayoría solo ofrece SDK para React/Next.js, así que si usas otro framework dentro del equipo te ven raro

• Estoy experimentando con la combinación Rust + React. Mi react-vello expone Vello, un renderer GPU en Rust, como renderer de React
  Con WASM + WebGPU, Rust se encarga del renderizado en el navegador, y con React puedes dibujar formas y texto de manera declarativa

  • La combinación Rust + React es realmente hermosa. La lógica compleja en Rust, la UI en React
    Conectar ambos lados con wasm-bindgen y tsify es tan fácil que se siente como si fuera el mismo lenguaje. Me parece la esencia de la ingeniería
    React Vello también se ve genial, gracias por compartirlo
  • Parece un enfoque parecido a Dioxus Native
  • También sería interesante una arquitectura donde el servidor en Rust envíe al navegador un diff de MorphDOM por WebSocket
  • En Firefox + Linux la demo no funciona
  • Es un proyecto realmente genial

• La descripción “React Server Components framework powered by a Rust runtime” resume la idea clave

  • Gracias a eso entendí el concepto. Ahora voy a volver al sitio para mirarlo con más detalle

• Si buscas un framework web basado en Rust, recomiendo Leptos
  Enlaces relacionados: discusión en HN, demo en YouTube

  • También me gusta Leptos. Es una excelente opción para quien quiera crear una app full-stack en Rust
    Pero rari toma otro enfoque. No es un framework de Rust, sino un framework de React Server Components que corre sobre un runtime en Rust
    La meta es ocultar la complejidad de Rust y permitir que desarrolladores de JS/TS creen apps de React de alto rendimiento sin necesidad de saber Rust

• La frase “Rust-Powered Performance — Native speed with Rust compilation for blazing-fast builds and runtime” da risa
  Cuando el propio Rust compila lento, parece que ayuda a presumir la velocidad de otros lenguajes

  • El meme de “uno que guía a otros al tesoro pero no puede poseerlo” le queda perfecto
  • El runtime y el tiempo de compilación son cosas distintas

• Me pregunto si funciona como ReasonML y React-Reason. No entiendo si Rust reimplementó un motor de JS

  • No es como ReasonML. Sigues escribiendo en React/TypeScript normal
    Rust cumple el papel de runtime del servidor. En lugar de Node.js, un servidor en Rust ejecuta React Server Components con un motor V8 integrado
    O sea, el código de React se mantiene igual, pero el servidor está basado en Rust, así que ofrece mejor rendimiento que Node
  • Ya me había olvidado por completo de ReasonML

• Soy el autor. Ya quedó resuelto. La causa era que el rate limiter estaba actuando de forma demasiado agresiva

  • Es un proyecto genial. Revisando la arquitectura, parece que usa una VM de Deno para ejecutar JS en el backend
    Yo estoy haciendo algo parecido para un backend en JVM — double-view
    Ejecuta JS con GraalVM, pero por problemas de integración hay que compilar JS a WebAssembly. Me pregunto si rari usa el mismo enfoque

• El nombre suena bien, como si combinara algo rápido tipo “Ferrari” con React. Me pregunto si hubo algún caso de uso o inspiración específica
  Yo también publiqué recientemente un proyecto open source, así que me alegra ver que el tuyo esté recibiendo atención

  • ¡Gracias! En realidad, el nombre viene de RARI, siglas de “Runtime Accelerated Rendering Infrastructure”
    Pero también me gusta la asociación con Ferrari, encaja bien con el tema del rendimiento
    Como uso mucho Rust, quise llevar esa ventaja de rendimiento a desarrolladores de JS también en el desarrollo con React
    La idea era ocultar la complejidad de Rust, pero conservar la velocidad
    ¡Felicidades por lanzar tu proyecto! Me da curiosidad saber qué hiciste

• La documentación empieza con Server Components, pero me pregunto si siguen estando de moda incluso después del incidente de seguridad reciente
  Referencia: reporte de vulnerabilidad RCE en React Server Components