Create a ROR Website with ReactJs for a Newbie in ROR

I am a dev with 3 years of experience in Laravel and Meteor.Js using fronts like ReactJs.

I got a client who specifically asked for a ROR Back-End and ReactJs Front-end. I was planning to make them separately and connect them via API since the clients also want to in the future move it to apps stores and I will just reuse the back for all.

I wanted to confirm if this is the right approach and any advice from experienced ROR developers about things I have to watch out for.

The website is for in-person events. Includes user creations, Auth, creation of events, check-in, connection between participants, etc.

Yes, that’s how I’d approach this problem.

It’s a little off-topic, but…

I’m a daily user of the RubyMine IDE from Jetbrains. It supports React, allowing you to work with both Ruby/Rails and React code together. It’s one of the few commercial apps that I’m happy to pay for. React | RubyMine Documentation.

I am not experienced with combining Rails with React but based on some reading, if no React server side rendering is needed, it could be as simple as adding React islands to a vanilla Rails app (I would try using bun though - rails new -j bun). Then the routing would be handled by Rails/Hotwire for the SPA experience. Or React Router could be added if required.

I also found these articles interesting on the topic: 1, 2, 3. I also came accross gems offering React and Rails integration but they seem to rely on webpack.