ContextQMD
Back to React On Rails

Upgrading from React on Rails to React on Rails Pro

docs/pro/upgrading-to-pro.md

16.6.06.2 KB
Original Source

Upgrading from React on Rails to React on Rails Pro

Already using React on Rails? Upgrading to Pro is straightforward: swap the gem and npm package with their Pro equivalents, then run the Pro generator. The upgrade is safe, reversible, and free to evaluate.

[!NOTE] Summary for AI agents: Use this page when the user already has OSS React on Rails and wants to upgrade to Pro. The upgrade is three steps: swap the gem, swap the npm package, run the generator. Remember the pairing rule: react_on_rails_pro gem pairs with react-on-rails-pro npm package (never with the base react-on-rails).

What You Get

Pro adds performance and rendering features on top of everything in React on Rails OSS:

Pro includes core React on Rails as a dependency — just swap the packages and everything continues to work.

Three Steps to Upgrade

Version note: Replace VERSION below with the latest version from the CHANGELOG. React on Rails requires exact gem/npm version parity — use = for the gem and --save-exact/--exact for npm. After upgrading to 16.5.0+, run bundle exec rake react_on_rails:sync_versions to verify versions are aligned.

RC versions: RubyGems and npm use different pre-release separators — e.g., VERSION.rc.9 on RubyGems (dots) vs VERSION-rc.9 on npm (hyphen).

1. Swap the gem

Replace react_on_rails with react_on_rails_pro in your Gemfile. Pro depends on the core gem, so you only need the Pro entry:

ruby
gem "react_on_rails_pro", "= VERSION"

Then run bundle install.

Or use the command line, which handles both the Gemfile edits and install:

bash
bundle remove react_on_rails
bundle add react_on_rails_pro --version="= VERSION"

Important: bundle add does not remove existing gems. You must run bundle remove first, otherwise both gems will appear in your Gemfile, which can cause Bundler warnings or version conflicts.

2. Swap the npm package

Replace react-on-rails with react-on-rails-pro:

bash
# npm
npm uninstall react-on-rails && npm install react-on-rails-pro@VERSION --save-exact

# yarn
yarn remove react-on-rails && yarn add react-on-rails-pro@VERSION --exact

# pnpm
pnpm remove react-on-rails && pnpm add react-on-rails-pro@VERSION --save-exact

# bun
bun remove react-on-rails && bun add react-on-rails-pro@VERSION --exact

Then update your imports:

diff
- import ReactOnRails from 'react-on-rails';
+ import ReactOnRails from 'react-on-rails-pro';

The Pro package re-exports everything from core, so no other import changes are needed.

3. Run the Pro generator and enable the Node renderer

bash
bundle exec rails generate react_on_rails:pro

This adds the Pro initializer, configures webpack for Pro features, and sets up the Node renderer entry point and configuration.

After the generator runs, verify everything works:

bash
bundle exec rails react_on_rails:doctor
bin/dev

That's it. Your app is now running React on Rails Pro.

Using the Generator for Fresh Installs

If you're setting up a new app (not upgrading an existing one), use the --pro flag:

bash
bundle add react_on_rails_pro --version="= VERSION"
bundle exec rails generate react_on_rails:install --pro

Try Pro Risk-Free

React on Rails Pro is free to try — no license token is needed for local development, testing, CI/CD, or staging environments. Install it, experiment with the features, and see the performance difference in your own app before making any purchasing decisions.

A paid license is required for all production deployments. Startups and small companies should contact [email protected] for discounted pricing. Visit pro.reactonrails.com for details. When you're ready, set the token as an environment variable:

bash
export REACT_ON_RAILS_PRO_LICENSE="your-license-token-here"

If you're a startup or team with limited budget, don't let cost be a barrier — email [email protected] and we'll work something out. For larger companies, your license supports continued development of the open-source project.

See LICENSE_SETUP.md for complete license configuration.

Reversibility

Switching to Pro is safe to reverse. To go back to OSS:

  1. Replace react_on_rails_pro with react_on_rails in your Gemfile and run bundle install
  2. Replace react-on-rails-pro with react-on-rails in package.json and update imports
  3. Remove the Pro initializer (config/initializers/react_on_rails_pro.rb)

Pro-only features (fragment caching, Node renderer, RSC) will stop working, but all standard React on Rails functionality continues unchanged.

Next Steps