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

Paste into Cursor, Claude Code, Copilot, or any AI assistant. Each prompt points the agent at the official docs so it doesn't guess.

Browse all prompts →

Turn on React Server Components

Turn on React Server Components in my React on Rails app (no license required). Follow https://reactonrails.com/docs/pro/react-server-components exactly, including the renderer and packer setup it specifies.

Open guide →

Start a new app

Set up a new Rails app with React on Rails, using TypeScript and server-side rendering. Follow the official guide at https://reactonrails.com/docs/getting-started/create-react-on-rails-app and use the exact commands and versions it specifies — don't improvise.

Open guide →

Add to an existing Rails app

Add React on Rails to my existing Rails app with TypeScript, keeping my current routes and conventions. Follow https://reactonrails.com/docs/getting-started/existing-rails-app and don't change any gem or package versions it doesn't tell you to.

Open guide →

Live demos

See it running

Browse all demos →
Marketplace demo screenshot

Marketplace

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

Legacy tutorial app demo screenshot

Legacy tutorial app

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

Hacker News demo screenshot

Hacker News

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

Octochangelog demo screenshot

Octochangelog

An Octochangelog app migrated to React on Rails Pro with Rails routing, React 19, and streamed RSC.

Gumroad demo screenshot

Gumroad

A Gumroad-style creator dashboard comparing Inertia and React on Rails Pro with React 19 and RSC.

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.