Integration of React + Webpack + Rails + rails/webpacker including server-side rendering of React, enabling a better developer experience and faster client performance.
rails/webpacker
, shakapacker
.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. ShakaCode.com (HiChee.com) 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 shakacode.com/react-on-rails/docs.
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.
Given that rails/webpacker
gem already provides basic React integration, why would you use “React on Rails”?
javascript_pack_tags
and stylesheet_pack_tags
on your layouts based on what’s shown. “It just works!”See Rails/Webpacker React Integration Options for comparisons to other gems.
spec/dummy
, which demonstrates several uses of react_on_rails
, will soon be available on Control Plane through this linkRequires creating a free account.
Ruby on Rails >=5, rails/webpacker >= 4.2 or shakapacker > 6, Ruby >= 3.0.0
Bug reports and pull requests are welcome. See Contributing to get started, and the list of help wanted issues.
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!