Integration of React + Webpack + Rails + rails/webpacker including server-side rendering of React, enabling a better developer experience and faster client performance.
Alternatives To React_on_rails
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
React Virtualized24,8632,7281,8355 months ago296April 17, 2023501mitJavaScript
React components for efficiently rendering large lists and tabular data
Blitz13,0523172 days ago482July 20, 2023213mitTypeScript
⚡️ The Missing Fullstack Toolkit for Next.js
Nivo11,880151191a day ago69May 07, 2023113mitTypeScript
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
React Fiber Architecture9,860
8 months ago32
A description of React's new core algorithm, React Fiber
React_on_rails4,984419910 days ago196July 31, 202315mitRuby
Integration of React + Webpack + Rails + rails/webpacker including server-side rendering of React, enabling a better developer experience and faster client performance.
Frontity2,8426705 months ago61November 23, 202266apache-2.0TypeScript
» Frontity - The React Framework for WordPress
Beidou2,7245332 years ago42March 01, 202251mitJavaScript
:milky_way: Isomorphic framework for server-rendered React apps
React Native Htmlview2,647374422 months ago20July 25, 2020144iscJavaScript
A React Native component which renders HTML content as native views
Rawact2,552435 years ago7November 15, 201817mitJavaScript
[POC] A babel plugin which compiles React.js components into native DOM instructions to eliminate the need for the react library at runtime.
Happy Dom2,31741,499a day ago414August 22, 2023104mitTypeScript
Happy DOM is a JavaScript implementation of a web browser without its graphical user interface. It includes many web standards from WHATWG DOM and HTML.
Alternatives To React_on_rails
Select To Compare

Alternative Project Comparisons


LicenseGem Version npm version Code Climate Coverage Status

Build Main Build JS Tests Build Rspec Tests Linting


  • ShakaCode now maintains the official successor to rails/webpacker, shakapacker.
  • Project is updated to support Rails 7 and Shakapacker v6+!

These are the docs for React on Rails 13. To see the older docs: v12 and v11.


React on Rails integrates Rails with (server rendering of) Facebook's React front-end framework.

This project is maintained by the software consulting firm ShakaCode. We focus on Ruby on Rails applications with React front-ends, often using TypeScript or ReScript (ReasonML). We also build React Native apps and Gatsby sites. See our recent work for examples of what we do. ( is hiring developers that like working on open-source.

Are you interested in optimizing your webpack setup for React on Rails including code splitting with react-router and loadable-components with server-side rendering for SEO and hot-reloading for developers? We did this for Popmenu, lowering Heroku costs 20-25% while getting a 73% decrease in average response times. Several years later, Popmenu is serving millions of SSR requests per day with React on Rails.

Check out React on Rails Pro. For more information, feel free to contact Justin Gordon, [email protected], maintainer of React on Rails.


See the documentation at

Project Objective

To provide a high performance framework for integrating Ruby on Rails with React via the Webpacker gem, especially regarding React Server-Side Rendering for better SEO and improved performance.

Features and Why React on Rails?

Given that rails/webpacker gem already provides basic React integration, why would you use "React on Rails"?

  1. Automatic configuration of what bundles are added to the page based on what React components are on the page. This results in faster browser loading time via smaller bundle sizes.
  2. Keep up with the latest changes of different versions of React. React 18 is supported.
  3. Easy passing of props directly from your Rails view to your React components rather than having your Rails view load and then make a separate request to your API. Tight integration with shakapacker (or it's predecessor rails/webpacker).
  4. Server-Side Rendering (SSR), often used for SEO crawler indexing and UX performance.
  5. Automated optimized entry-point creation and bundle inclusion when placing a component on a page. With this feature, you no longer need to configure javascript_pack_tags and stylesheet_pack_tags on your layouts based on what’s shown. “It just works!”
  6. Redux and React Router integration with server-side-rendering.
  7. Internationalization (I18n) and (localization)
  8. A supportive community. This web search shows how live public sites are using React on Rails.
  9. ReScript Support.

See Rails/Webpacker React Integration Options for comparisons to other gems.

Online demo

ShakaCode Forum Premium Content

Requires creating a free account.


Ruby on Rails >=5, rails/webpacker >= 4.2 or shakapacker > 6, Ruby >= 2.7



Bug reports and pull requests are welcome. See Contributing to get started, and the list of help wanted issues.

Work with Us

ShakaCode is hiring passionate software engineers to work on our projects, including HiChee!


The gem is available as open source under the terms of the MIT License.


The following companies support our open source projects, and ShakaCode uses their products!

JetBrains ScoutAPM Control Plane
BrowserStack Rails Autoscale Honeybadger Reviewable
Popular Rendering Projects
Popular Reactjs Projects
Popular Graphics Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Ruby On Rails
React Components
Redux Saga
Redux Store
React Rails