Rari - Framework React bertenaga Rust

• Memanfaatkan kinerja kompilasi Rust untuk memaksimalkan kecepatan build dan eksekusi aplikasi React
• Mendukung React Server Components secara bawaan untuk mengurangi jumlah JavaScript yang dikirim ke klien
• Mewujudkan build cepat tanpa konfigurasi dengan bundler Rust generasi berikutnya berbasis Rolldown-Vite
• Menyediakan dukungan penuh TypeScript dengan tsgo untuk menghadirkan pemeriksaan tipe 10x lebih cepat
• Menjamin pengalaman pengembangan yang mulus dengan HMR berbasis Vite, pesan error yang detail, dan alat pengembang berkecepatan native

---

Optimalisasi performa berbasis Rust

• Dikompilasi dengan Rust untuk memberikan kecepatan setingkat native
  • Memungkinkan pemrosesan berkecepatan tinggi baik saat build maupun runtime
• Arsitektur yang meminimalkan bottleneck performa pada aplikasi React

Dukungan React Server Components

• React Server Components terintegrasi secara bawaan
  • Meningkatkan efisiensi pemuatan dengan mengurangi jumlah JavaScript yang dikirim ke klien
• Mewujudkan optimasi transfer melalui rendering yang berpusat di server

Lingkungan build tanpa konfigurasi

• Struktur Zero Configuration berbasis Rolldown-Vite
  • Bisa langsung build tanpa pengaturan tambahan
• Bundler yang ditulis dengan Rust menghadirkan kecepatan build secepat kilat

Bundling dan keamanan tipe

• Bundling berkecepatan native dengan Rolldown untuk memaksimalkan performa
• Dukungan penuh TypeScript melalui tsgo
  • Menyediakan pemeriksaan tipe 10x lebih cepat dan definisi tipe yang akurat

Pengalaman pengembang

• HMR berbasis Vite (Hot Module Replacement) untuk penerapan perubahan kode secara instan
• Mendukung workflow yang lancar dengan pesan error yang detail dan alat pengembang berkecepatan native
• Menyediakan lingkungan terintegrasi Rust-React yang meningkatkan efisiensi dan produktivitas pengembangan

[GN⁺]

Komentar Hacker News

• Sebenarnya saya suka proyek ini. Tapi penjelasan dan kualitas dokumentasinya terlalu kurang
  Kalau istilah “rust-powered” hanya berarti membundel JS dengan rolldown, tidak masalah, tetapi mudah disalahpahami sebagai framework Rust
  Lalu frasa seperti “seamless NPM package integration” terasa seperti ditulis oleh LLM. Sebagian besar library JS memang sudah bekerja seperti itu, jadi tidak terlalu berarti
  Meski begitu, karena hampir tidak ada framework sederhana untuk React, kesederhanaan untuk langsung beralih ke RSC dari proyek kosong ini benar-benar luar biasa. Itu yang seharusnya jadi slogannya
  Kode basisnya terlihat jauh lebih matang daripada dokumentasinya. Plugin Vite-nya juga tampak mendukung opsi dengan baik, hanya saja belum terdokumentasi
  Belakangan saya sadar bahwa runtime Rust ini benar-benar menjalankan JS. Tapi saya penasaran apakah ini terpisah dari framework-nya, atau hanya bekerja pada runtime Rust tersebut. Saya ingin tahu apakah ini bisa berjalan juga di Node

  • Saya setuju bahwa pesannya membingungkan. Karena sejauh ini saya menulis semuanya sendirian, PR untuk memperbaiki wording selalu diterima
    “Rust-powered” mengacu pada runtime server, bukan bundler. Server HTTP, renderer RSC, dan routing semuanya ditulis dalam Rust, dan komponen React dijalankan lewat mesin V8 bawaan
    Bagian integrasi npm maksudnya adalah runtime Rust menangani resolusi node_modules secara langsung. Tidak menggunakan npm specifier seperti Deno
    Slogan “Zero to RSC in minutes” memang jauh lebih jelas. Dokumentasi tertinggal karena saya fokus menstabilkan runtime, tetapi sekarang memang saatnya diperbaiki

• Saya rasa React sekarang adalah yang terburuk di antara framework JS modern. Vue jauh lebih maju, dan Svelte, Solid, bahkan Marko pun terasa lebih baik

  • Memang benar React menambahkan abstraksi yang kurang bagus selama 10 tahun terakhir. Terutama hooks dan effects
    Tapi tetap saja bukan yang terburuk. React berhasil populer berkat inovasi JSX, komponen fungsional, dan manajemen state yang sederhana
    Sekarang komunitasnya terlalu besar untuk mudah tergantikan. Framework lain memang membaik sedikit demi sedikit, tetapi tingkat inovasinya tidak terlalu besar
  • Kedengarannya seperti klaim “dunia salah dan hanya saya yang benar”. Saya tidak merasa framework lain sejauh itu lebih unggul. Saya sudah mencoba beberapa, dan React paling mudah dipahami
  • Saya developer React, dan setelah mencoba Vue selama beberapa bulan terakhir, hampir tidak melihat kelebihannya
  • Sepenuhnya setuju. React jauh lebih baik jika ditulis dengan pola yang tidak standar, tetapi komunitasnya terlalu dogmatis sehingga upaya seperti itu malah ditertawakan
    Saya memakai struktur MVC/MVVM di proyek pribadi dan hasilnya jauh lebih mudah dikelola. Ketergantungan pada plugin IDE juga lebih rendah dan saya bebas memilih versi TypeScript
  • Dukungan SDK SaaS itu penting. Sebagian besar hanya menyediakan SDK untuk React/Next.js, jadi kalau memakai framework lain tim akan menganggapnya aneh

• Saya sedang bereksperimen dengan kombinasi Rust + React. react-vello yang saya buat mengekspos Vello, renderer GPU Rust, sebagai renderer React
  Melalui WASM + WebGPU, Rust menangani rendering di browser, dan kita bisa menggambar bentuk serta teks secara deklaratif dengan React

  • Kombinasi Rust + React itu benar-benar indah. Logika kompleks ditangani Rust, UI ditangani React
    Menghubungkan keduanya dengan wasm-bindgen dan tsify begitu mudah sampai terasa seperti memakai bahasa yang sama. Menurut saya ini esensi rekayasa
    React Vello juga terlihat keren, terima kasih sudah membagikannya
  • Kelihatannya mirip pendekatan Dioxus Native
  • Struktur di mana server Rust mengirim diff MorphDOM lewat WebSocket ke browser juga terdengar menarik
  • Demo-nya tidak berjalan di lingkungan Firefox + Linux
  • Proyek yang sangat keren

• Deskripsi “React Server Components framework powered by a Rust runtime” itulah inti utamanya

  • Berkat itu saya jadi paham konsepnya. Sekarang saya akan kembali ke situsnya dan melihatnya lebih detail

• Kalau mencari framework web berbasis Rust, saya merekomendasikan Leptos
  Tautan terkait: diskusi HN, demo YouTube

  • Saya juga suka Leptos. Itu pilihan yang sangat bagus untuk orang yang ingin membuat aplikasi full-stack dengan Rust
    Tetapi rari mengambil pendekatan berbeda. Ini bukan framework Rust, melainkan framework React Server Components yang berjalan di atas runtime Rust
    Tujuannya adalah menyembunyikan kompleksitas Rust agar developer JS/TS bisa membuat aplikasi React berperforma tinggi tanpa harus memahami Rust

• Frasa “Rust-Powered Performance — Native speed with Rust compilation for blazing-fast builds and runtime” itu lucu
  Padahal Rust sendiri kompilasinya lambat, jadi rasanya seperti membantu bahasa lain membanggakan kecepatannya

  • Meme “yang menunjukkan harta tetapi tidak bisa memilikinya sendiri” sangat cocok di sini
  • Runtime dan compile time itu berbeda

• Saya penasaran apakah ini bekerja seperti ReasonML dan React-Reason. Saya tidak paham apakah Rust mengimplementasikan ulang mesin JS

  • Ini berbeda dari ReasonML. Tetap ditulis dengan React/TypeScript biasa
    Rust berperan sebagai runtime server. Alih-alih Node.js, server Rust menjalankan React Server Components lewat mesin V8 bawaan
    Jadi kode React tetap sama, tetapi server berbasis Rust memberi performa lebih cepat daripada Node
  • Saya benar-benar sudah lupa soal ReasonML

• Saya pembuatnya. Sekarang masalahnya sudah terselesaikan. Penyebabnya adalah rate limiter yang bekerja terlalu agresif

  • Proyek yang keren. Setelah melihat arsitekturnya, tampaknya backend memakai Deno VM untuk menjalankan JS
    Saya sedang membuat sesuatu yang mirip untuk backend JVM — double-view
    Saya menjalankan JS dengan GraalVM, tetapi karena masalah integrasi saya harus mengompilasi JS ke WebAssembly. Saya penasaran apakah rari juga memakai pendekatan yang sama

• Namanya keren karena terasa seperti gabungan cepatnya “Ferrari” dan React. Saya penasaran apakah ada use case atau inspirasi tertentu
  Saya juga baru merilis proyek open source, jadi senang melihat proyek Anda mendapat perhatian

  • Terima kasih! Sebenarnya nama itu berasal dari singkatan “Runtime Accelerated Rendering Infrastructure”, yaitu RARI
    Tapi asosiasi dengan Ferrari juga saya suka, sangat cocok dengan tema performa
    Karena saya sering memakai Rust, saya ingin membawa keuntungan performa itu ke developer JS dalam pengembangan React
    Tujuannya adalah menyembunyikan kompleksitas Rust tetapi tetap menghadirkan kecepatannya
    Selamat atas peluncuran proyek Anda juga! Saya penasaran apa yang Anda buat

• Dokumentasinya dimulai dengan Server Components, jadi saya penasaran apakah itu masih populer bahkan setelah insiden keamanan baru-baru ini
  Referensi: laporan kerentanan RCE React Server Components