react-rails VS inertia

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

I do this with Vue in Symfony PHP apps. Depending on the scope I eitehr have a full build pipeline for the JS (preferred) or will include the files direct from a CDN and have in-HTML templates that are parsed on load.

For passing data into it I've used Inertia.js [0] and also my own data-in-page setup that's parsed and loaded into the Vue app. The app then writes the changes back out, usually into a hidden form input. The form on the page is then submitted as usual to the server, along with any other data that I need.

It's a great way for adding more complicated behaviour to an existing app.

0. https://inertiajs.com/

Inertia.js

This feels a lot like https://inertiajs.com/ which I've really been enjoying using recently

But here's the thing - the more niche your tech stack gets, the less reliable AI becomes. Take my setup for example: I use Elixir, Phoenix, React, and Inertia for my side projects. The Inertia adapter for Phoenix is super new and not widely adopted yet (which is a shame - this combo is incredibly productive and performant). There's just no way current AI models have enough training data on this specific stack to generate useful code. The more specialized your tools, the more you'll need to rely on your own expertise rather than AI assistance.

Inertia.js Official Documentation - Core concepts and API reference

But if I still want to write a React App and keep all that knowledge hard earnt, blood sweat and toil I can as Laravel can do that also with a 'glue' code called Inertia of which I have not played with nearly enough in 2024 and will no doubt explore more in the coming year. Where as I would have reached for Firebase or similar to give me a solid back-end for my front end apps in the React space I can now lean heavily on Inertia to do the heavy lifting for me to integrate with Laravel on the back end, removing lock in to BaaS services and allowing me to 'take back control' of my data, truly owning it on my own cloud VM, swarm, k8s cluster or whatever I like.

I’ve recently been re-building an admin panel in a personal Laravel-based project, convering it from “traditional” Blade views to an Inertia-based solution. As part of this, I’ve been identifying repeating elements that can be extracted into reusable Vue components.

Laravel: Offers SSR capabilities through Inertia.js or its own Livewire component.