A long-lived project that still receives updates
Render components in views or controller actions. Server-side rendering powered by ExecJS. Transform JSX in the asset pipeline or use Shakapacker.
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Project Readme

React-Rails v3

Gem npm Ruby

For version 2.7 documentation, visit the 2.7-stable branch.

Summary

React-Rails is a flexible tool to use React with Rails. The benefits:


While ShakaCode will continue to support this gem, you might consider migrating to React on Rails or React on Rails Pro with proper Node rendering.

Why? React on Rails code receives much more active development and testing. For example, consider the ReactRailsUJS implementation compared to the ReactOnRails Node package which is written in TypeScript. For another example, React on Rails has work underway to support the latest React features, such as React Server Components.

You can find migration to React on Rails steps here.


ShakaCode Support

ShakaCode offers support for upgrading this gem, and related gems such as Webpacker and using Shakapacker. If interested, contact Justin Gordon, justin@shakacode.com. We're also hiring!

Here's a testimonial of how ShakaCode can help, from Florian Gâßler of Blinkist, January 2, 2023:

Hey Justin πŸ‘‹

I just wanted to let you know that we today shipped the webpacker to shakapacker upgrades and it all seems to be running smoothly! Thanks again for all your support and your teams work! 😍

On top of your work, it was now also very easy for me to upgrade Tailwind and include our external node_module based web component library which we were using for our other (more modern) apps already. That work is going to be shipped later this week though as we are polishing the last bits of it. πŸ˜‰

Have a great 2023 and maybe we get to work together again later in the year! πŸ™Œ

Read the full review here. Here's another review of a Shakapacker migration that led to more work.

Resources

Documentation

After reading this README file, additional information about React-Rails can be found on the Wiki page: https://github.com/reactjs/React-Rails/wiki The Wiki page features a significant amount of additional information about React-Rails, including instructional articles and answers to the most frequently asked questions.

Related Projects

Contributing

πŸŽ‰ Thanks for taking the time to contribute! πŸŽ‰ See CONTRIBUTING.md for more details.

Supporters

The following companies provide licenses to the ShakaCode team, supporting the development of this and other open-source projects maintained by ShakaCode. ShakaCode stands by the usefulness of these products!



JetBrains ScoutAPM Control Plane
BrowserStack