Rari - Framework React movido a Rust

• Aproveita o desempenho de compilação do Rust para maximizar a velocidade de build e execução de aplicações React
• Suporte nativo a React Server Components, reduzindo a quantidade de JavaScript enviada ao cliente
• Implementa builds rápidos sem configuração com um bundler Rust de nova geração baseado em Rolldown-Vite
• Suporte completo a TypeScript com tsgo, oferecendo verificação de tipos 10x mais rápida
• HMR baseado em Vite, mensagens de erro detalhadas e ferramentas de desenvolvimento em velocidade nativa garantem uma experiência de desenvolvimento fluida

---

Otimização de desempenho baseada em Rust

• Compilado em Rust para oferecer velocidade em nível nativo
  • Permite processamento de alta velocidade tanto no build quanto em tempo de execução
• Estrutura projetada para minimizar gargalos de desempenho em aplicações React

Suporte a React Server Components

• React Server Components vem embutido por padrão
  • Reduz a quantidade de JavaScript enviada ao cliente, melhorando a eficiência do carregamento
• Alcança otimização de transferência por meio de renderização centrada no servidor

Ambiente de build sem configuração

• Estrutura de Zero Configuration baseada em Rolldown-Vite
  • Permite builds imediatos sem necessidade de configuração adicional
• O bundler escrito em Rust oferece velocidade de build relâmpago

Bundling e segurança de tipos

• Rolldown oferece bundling em velocidade nativa para extrair o máximo desempenho
• Suporte completo a TypeScript via tsgo
  • Fornece verificação de tipos 10x mais rápida e definições de tipo precisas

Experiência do desenvolvedor

• HMR (Hot Module Replacement) baseado em Vite para refletir mudanças no código imediatamente
• Mensagens de erro detalhadas e ferramentas de desenvolvimento em velocidade nativa dão suporte a um workflow fluido
• Oferece um ambiente integrado Rust-React que aumenta a eficiência e a produtividade no desenvolvimento

[GN⁺]

Comentários do Hacker News

• Na verdade, gostei deste projeto. Mas a qualidade da explicação e da documentação é muito fraca
  Se a expressão “rust-powered” significa apenas empacotar JS com rolldown, tudo bem, mas é fácil entender isso como se fosse um framework em Rust
  Além disso, frases como “seamless NPM package integration” parecem ter sido escritas por um LLM. Isso não quer dizer muita coisa, porque a maioria das bibliotecas JS já funciona assim
  Mesmo assim, como quase não existem frameworks simples para React, essa simplicidade de sair de um projeto vazio direto para RSC é realmente excelente. Isso deveria ser o slogan
  A base de código pareceu muito mais madura do que a documentação. O plugin do Vite também parece ter bom suporte a opções, só que isso ainda não foi documentado
  Depois percebi que o runtime em Rust realmente executa JS. Mas fiquei curioso se isso é separado do framework ou se só funciona nesse runtime em Rust. Queria saber se também roda no Node

  • Concordo que a mensagem foi confusa. Como venho escrevendo tudo sozinho até agora, PRs para melhorar a redação são sempre bem-vindos
    “Rust-powered” se refere ao runtime do servidor, não ao bundler. O servidor HTTP, o renderizador de RSC e o roteamento são todos escritos em Rust, e os componentes React são executados por um engine V8 embutido
    A parte de integração com npm queria dizer que o runtime em Rust faz a resolução de node_modules diretamente. Não usa npm specifier como o Deno
    O slogan “Zero to RSC in minutes” é bem mais claro. A documentação ficou para trás porque eu estava focado em estabilizar o runtime, mas agora já passou da hora de corrigir isso

• Acho que o React agora é o pior entre os frameworks JS modernos. Vue está muito à frente, e Svelte, Solid e até Marko me parecem melhores

  • É verdade que o React adicionou abstrações ruins nos últimos 10 anos. Principalmente hooks e effects
    Mas ainda assim não é o pior. Ele se popularizou graças a inovações como JSX, componentes funcionais e um gerenciamento de estado simples
    Agora a comunidade já é grande demais para ser substituída facilmente. Outros frameworks melhoraram aos poucos, mas o nível de inovação também não foi tão grande
  • Isso soa como aquela postura de “o mundo está errado e só eu estou certo”. Não sinto que os outros frameworks estejam tão à frente assim. Usei vários, mas o React foi o mais fácil de entender
  • Sou desenvolvedor React e usei Vue nos últimos meses, mas quase não vi vantagens
  • Concordo totalmente. O React fica bem melhor quando você escreve em padrões fora do padrão, mas a comunidade é dogmática demais e zomba de tentativas assim
    Nos meus projetos pessoais eu uso uma estrutura MVC/MVVM e acho muito mais fácil de lidar. Também fico menos dependente de plugins de IDE e posso escolher a versão do TypeScript com mais liberdade
  • O suporte a SDKs de SaaS importa muito. A maioria só oferece SDK para React/Next.js, então, se você usar outro framework, isso pode soar estranho dentro da equipe

• Estou experimentando a combinação Rust + React. O react-vello que criei expõe o renderizador GPU em Rust Vello como um renderizador React
  Com WASM + WebGPU, o Rust fica responsável pela renderização no navegador, e com React dá para desenhar formas e texto de forma declarativa

  • A combinação Rust + React é realmente linda. A lógica complexa fica em Rust, e a UI em React
    Conectar os dois lados com wasm-bindgen e tsify é tão fácil que parece a mesma linguagem. Acho que isso é a essência da engenharia
    O React Vello também parece muito legal, obrigado por compartilhar
  • Parece uma abordagem semelhante ao Dioxus Native
  • Também seria interessante uma arquitetura em que o servidor Rust envia para o navegador um diff do MorphDOM via WebSocket
  • A demo não funciona no ambiente Firefox + Linux
  • Projeto realmente muito legal

• A descrição “React Server Components framework powered by a Rust runtime” traz o ponto central

  • Isso me ajudou a entender o conceito. Agora vou voltar ao site e olhar com mais atenção

• Se você procura um framework web baseado em Rust, recomendo Leptos
  Links relacionados: discussão no HN, demo no YouTube

  • Também gosto do Leptos. É uma ótima escolha para quem quer criar apps full-stack em Rust
    Mas o rari segue outro caminho. Não é um framework Rust, e sim um framework de React Server Components que roda sobre um runtime em Rust
    O objetivo é esconder a complexidade do Rust e permitir que desenvolvedores JS/TS criem apps React de alto desempenho sem precisar conhecer Rust

• A frase “Rust-Powered Performance — Native speed with Rust compilation for blazing-fast builds and runtime” é engraçada
  O próprio Rust tem compilação lenta, então parece aquele caso de ajudar outra linguagem a se gabar de velocidade

  • O meme de “aquele que guia os outros ao tesouro, mas não pode possuí-lo” combina perfeitamente
  • Runtime e tempo de compilação são coisas diferentes

• Fiquei curioso se funciona como ReasonML e React-Reason. Não entendi se o Rust reimplementa um engine JS

  • É diferente de ReasonML. Você continua escrevendo em React/TypeScript comum
    O Rust faz o papel de runtime do servidor. Em vez de Node.js, um servidor Rust executa React Server Components com um engine V8 embutido
    Ou seja, o código React continua igual, mas o servidor é baseado em Rust e por isso oferece desempenho superior ao Node
  • Eu tinha esquecido completamente do ReasonML

• Sou o autor. Agora o problema foi resolvido. A causa era o rate limiter, que estava agressivo demais

  • Projeto muito legal. Pela arquitetura, parece que você usa uma VM do Deno para executar JS no backend
    Estou construindo algo parecido para backend JVM — double-view
    Eu executo JS com GraalVM, mas, por causa de problemas de integração, preciso compilar JS para WebAssembly. Fiquei curioso se o rari segue a mesma abordagem

• O nome soa legal, como uma mistura de “Ferrari” com React, passando ideia de velocidade. Fiquei curioso se houve algum caso de uso ou inspiração específica
  Também lancei um projeto open source recentemente, então foi bacana ver o seu ganhando atenção

  • Obrigado! Na verdade, o nome veio da sigla “Runtime Accelerated Rendering Infrastructure”, RARI
    Mas eu também gosto da associação com Ferrari, combina bem com o tema de desempenho
    Como uso muito Rust, quis levar essa vantagem de desempenho para desenvolvedores JS também no desenvolvimento com React
    A ideia era esconder a complexidade do Rust, mas manter a velocidade
    Parabéns pelo lançamento do projeto! Fiquei curioso para saber o que você criou

• A documentação começa com Server Components, então fiquei na dúvida se isso ainda está em alta mesmo depois dos incidentes recentes de segurança
  Referência: relatório sobre vulnerabilidade RCE em React Server Components