Skip to main content
React on Rails logo
React on Rails

One product, two tiers: OSS and Pro

React on Rails keeps Rails conventions and adds modern React.

One recommended path to start. Branch into SSR, streaming, RSC, or Pro when you need them.

Start with the docsReview examplesCompare OSS and Pro

Recommended first run

  1. npx create-react-on-rails-app@latest my-app
  2. cd my-app
  3. bin/rails db:prepare
  4. bin/dev

Already on OSS? Start with the comparison guide, then use the upgrade guide if you need Pro.

Choose your situation

Start where you are.

Starting a new Rails + React app

Use the CLI to scaffold a working app, then customize from a clean baseline.

Create a new app

Adding React to an existing Rails app

Install React on Rails into your existing app and render components without rebuilding the stack.

Install into an existing app

Already on OSS and need more performance

Compare OSS and Pro first, then upgrade only when higher-throughput SSR, RSC, or support is worth it.

Compare OSS and Pro

Evaluating Rails + React options

Browse example apps and migration paths from react-rails or vite_rails.

See examples

Recommended flow

Keep the first-run path obvious. Put alternatives behind it, not in front of it.

Recommended for new projects

One command to a working app. Customize after.

npx create-react-on-rails-app@latest my-appFollow the new-app guide

For mature Rails apps

Add React on Rails to your existing codebase. Keep your routes, add components incrementally.

bundle exec rails generate react_on_rails:install --typescriptUse the install guide

When OSS is no longer enough

Pro is an upgrade tier, not a separate product. Compare first, then add it when the extra SSR throughput or guided support matters.

bundle add react_on_rails_proOpen the upgrade guide

OSS to Pro

Compare first, then upgrade only when the Pro features are the right fit.

1. Compare OSS and Pro

Start here if you already run the OSS product and want to know whether the upgrade is justified.

Open the comparison guide

2. Upgrade to Pro

Once the comparison says Pro is worth it, follow the upgrade guide and add the Pro package.

Open the upgrade guide

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

Expert help

Talk to the team behind React on Rails

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.

Book a free callLearn about ShakaCode