Popularity
9.1
Stable
Activity
7.3
Growing
4,792
86
599

Description

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

Features and Why React on Rails? Given that rails/webpacker gem already provides basic React integration, why would you use "React on Rails"? Server rendering, often used for SEO and performance, is not offered by rails/webpacker.

* The 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 1request to your API. * Redux and React Router integration. * Internationalization (I18n) and (localization) * RSpec Test Helpers Configuration to ensure your Webpack bundles are ready for tests. * A supportive community. This web search shows how live public sites are using React on Rails. * Reason ML Support

Monthly Downloads: 97,018
Programming language: Ruby
License: MIT License
Tags: Web Frameworks     Web Apps     Web App Frameworks     React     Webpack     Node    
Latest version: v12.4.0

ReactOnRails alternatives and similar gems

Based on the "Web Frameworks" category.
Alternatively, view react-on-rails alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of ReactOnRails or a related project?

Add another 'Web Frameworks' Gem

README

reactrails


[License](LICENSE.md) Build Status Gem Version npm version Code Climate Coverage Status

These are the docs for React on Rails 12. To see the version 11 docs, click here.

About

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.

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. Check out React on Rails Pro.

Feel free to contact Justin Gordon, [email protected], maintainer of React on Rails, for more information.

Documentation

See the documentation at shakacode.com/react-on-rails/docs.

Project Objective

To provide a high performance framework for integrating Ruby on Rails with React via the Webpacker gem especially in regards to 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. 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.
  2. Tight integration with rails/webpacker.
  3. Server-Side Rendering (SSR), often used for SEO crawler indexing and UX performance, is not offered by rails/webpacker.
  4. Redux and React Router integration with server-side-rendering.
  5. Internationalization (I18n) and (localization)
  6. A supportive community. This web search shows how live public sites are using React on Rails.
  7. Reason ML Support.

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

See the react-webpack-rails-tutorial for an example of a live implementation and code.

ShakaCode Forum Premium Content

Requires creating a free account.

Prerequisites

Ruby on Rails >=5 and rails/webpacker 4.2+.

Support

Contributing

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

Supporters

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.

RubyMine Scout Rails AutoScale BrowserStack HoneyBadger StatusHero

ShakaCode's favorite project tracking tool is ClubHouse. If you want to try ClubHouse 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!

Work with Us

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

License

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


*Note that all licence references and agreements mentioned in the ReactOnRails README section above are relevant to that project's source code only.