react-rails VS inertia-rails

The current gem does not help you with this however since it is designed for SPA frameworks. If you wish to take this approach, you can build your own system or use Gems like react-rails and turbo-mount. Turbo Mount uses Stimulus to mount components, and is more robust if you are using Hotwire in your ERB views.

> But what if you want to use React?

Then just use React. There's nothing stopping you and it's well supported.

You can use either https://github.com/rails/jsbundling-rails

or https://github.com/reactjs/react-rails

Personally would also go with a No Build set up. i.e. https://hotwire.io/ and import maps.

One is to add a gem: react-rails or react_on_rails for example. But there is a way to have a simple integration without using these gems.

https://github.com/reactjs/react-rails here is the functionality and simplicity that I would be kind of looking for. The option for it to exist in Django ecosystem is not that outlandish and I wouldn’t be too ignorant of it having to make sense or not make sense to everyone :)

You can however use reactjs with rails, there is a gem for it https://github.com/reactjs/react-rails

The react-rails library is one of the most popular Ruby gems to integrate React with Rails. It provides generators for components, testing helpers, and view helpers to render JavaScript code inside the views.

I'd checkout https://github.com/reactjs/react-rails

Compared to gems like React on Rails or Intertia Rails, the current gem is just an installer and does virtually nothing to modify or add features to React Router. This is a great advantage and ensures that frontend developers will feel right at home.

Any thoughts on Inertia.js, which seems like a good solution for React + Rails? Feels like you can have your cake and eat it too.

https://github.com/inertiajs/inertia-rails

Agreed re asset pipelines. I definitely have Webpacker related scar tissue.

Have you tried either Inertia (https://github.com/inertiajs/inertia-rails) or vite-ruby (https://vite-ruby.netlify.app/)? Both look very promising.

The React example is 2 years old but doesn't look that different than what I would do today: https://github.com/BrandonShar/inertia-rails-template

The rails adapter is up to date, sponsored: https://github.com/inertiajs/inertia-rails?tab=readme-ov-fil...

I'm assuming your friend's comment about React/Laravel is referring to Inertia.js, which is a commonly used library in the Laravel community. If thats the case, Inertia is also available for Rails: https://github.com/inertiajs/inertia-rails

I'd like to recommend Inertia.js. it essentially adds JavaScript frameworks as a view layer and seamlessly hands data off from your controllers to your react components. You don't need to maintain an API or set up GraphQL. It can be added to your project alongside your existing views. I've been using it for a few projects and I love it.

Svelte is handled as a competetitor of react. It es easier to learn, no virtual dom. Together with inertia-rails its well connected to the backend and you can use the rails-router. JavaScript and html are together in a .svelte file.

Here's an example app using [Vue.js in Rails](: https://github.com/ElMassimo/pingcrm-vite), which uses Inertia.js to provide a SPA-like experience. What's nice about it is that you could try it in a single page/endpoint, and will still integrate nicely with the rest of your application.