Skip to main content

React + Rails Integration

React on Rails logo

React on Rails

Official docs for installing, configuring, deploying, and upgrading React on Rails in production Rails apps, with SSR, RSC, and React on Rails Pro paths.

Quick Start

Create App

npx create-react-on-rails-app@latest my-app

Scaffold a working Rails + React app with TypeScript defaults.

Open guide

Install Into Rails

bundle exec rails generate react_on_rails:install --typescript

Add React on Rails to an existing app while keeping Rails routes and conventions.

Open guide

Upgrade To Pro

bundle add react_on_rails_pro

Evaluate Pro SSR, streaming, and RSC paths before buying a production license.

Open guide

Live demos

See it running

Browse all demos →

Marketplace

A marketplace performance demo for React on Rails Pro, React 19, and React Server Components.

Legacy tutorial app

The original full-app React on Rails tutorial demo, running in production for years.

Hacker News

A Hacker News reader built on React on Rails Pro with React 19 and React Server Components.

React on Rails Pro logo

React on Rails Pro

Higher-throughput SSR and RSC support, same Rails workflow.

Pro is an upgrade tier for teams that need more rendering throughput, React Server Components, streaming, and guided support without replacing their Rails app.

Why Teams Use It

Keep React close to Rails.

Rails-first React

Render React components from Rails views and controllers without splitting your product into separate apps.

Production SSR

Use server rendering, hydration, and streaming paths that fit mature Rails deployments.

OSS And Pro

Start with open source docs, then add Pro when SSR throughput, RSC support, or guided support matters.

Trusted in production by

Academia.eduACTIVE NetworkAirRobeAirtaskerAttuned Education PartnersCity FalconClientCircleCurbside ProvisionsDirect DentalEjblaEstatelyHeal.meJewlrPopmenuPrintivitySample FocusSimply BusinessThe InformationThe InformationUser InterviewsUser Interviews

Migration

Move from another setup

Migrate from react-rails

Step-by-step checklist for swapping `react-rails` to React on Rails, with a sample app.

Open guide

Browse sample apps

Working repositories showing SSR, migration, and integration patterns.

Open guide

In production

Teams shipping with React on Rails

React on Rails lets us run React at scale inside Rails without the complexity of a separate frontend deployment. ShakaCode's implementation optimized the framework for our specific workload, delivering 97% Good LCP scores and 80% faster hydration across our platform.

Justis BlascoPopmenu
ShakaCode logo

Built by ShakaCode

Talk to the maintainers.

ShakaCode maintains React on Rails and helps teams ship with SSR, RSC, and Rails integration. Book a free 30-minute call for architecture, performance, or migration advice.