react-on-rails
Advanced tools
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 React on Rails.
Check out React on Rails Pro. For more information, feel free to contact Justin Gordon, justin@shakacode.com, 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"?
See Rails/Webpacker React Integration Options for comparisons to other gems.
spec/dummy which demonstrates several uses of react_on_rails is available on heroku through this linkRequires creating a free account.
Ruby on Rails >=5, rails/webpacker >= 4.2, Ruby >= 2.7
Bug reports and pull requests are welcome. See Contributing to get started, and the list of help wanted issues.
The following companies support this open source project, and ShakaCode uses their products! Justin writes React on Rails on RubyMine. We use Scout to monitor the live performance of HiChee.com, Rails AutoScale to scale the dynos of HiChee, and HoneyBadger to monitor application errors. We love BrowserStack to solve problems with oddball browsers. Status Hero keeps the team posted on daily progress; it's so much better than live standups.
ShakaCode's favorite project tracking tool is Shortcut. If you want to try Shortcut and get 2 months free beyond the 14-day trial period, click here to use ShakaCode's referral code. We're participating in their awesome triple-sided referral program, which you can read about here. By using our referral code you'll be supporting ShakaCode and, thus, React on Rails!
Aloha and best wishes from Justin and the ShakaCode team!
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.
FAQs
react-on-rails JavaScript for react_on_rails Ruby gem
The npm package react-on-rails receives a total of 49,008 weekly downloads. As such, react-on-rails popularity was classified as popular.
We found that react-on-rails demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
Socket researchers have discovered malicious npm packages targeting crypto developers, stealing credentials and wallet data using spyware delivered through typosquats of popular cryptographic libraries.
Security News
Socket's package search now displays weekly downloads for npm packages, helping developers quickly assess popularity and make more informed decisions.
Security News
A Stanford study reveals 9.5% of engineers contribute almost nothing, costing tech $90B annually, with remote work fueling the rise of "ghost engineers."