Setup A Ruby on Rails 7 API With React JS

Ruby On Rails 7 just released, and after watching DHH's Rails 7: The Demo I wanted to take a look at how easy it is to create a Ruby on Rails 7 API React project. This Ruby on Rails API idea is something I've covered before on the channel, but this time we'll just get the bare bones setup.

Join this channel to help support these videos:

React + Rails CRUD Tutorial:

Source code for this video:

Timestamps
0:00 Setup a Ruby on Rails 7 API
5:28 Creating The React JS App for our Rails 7 API
9:57 How to access the Rails 7 API From Javascript with Axios
13:02 How To Render Rails 7 JSON Data in React

Follow me on social media:

#Deanin #Rails #RubyonRails

[junmarkchi]

I think we need more of this React Rails content

[salimmalik]

This is such an amazing tutorial! Has to be one of the best tutorial videos i have came across. Thanks for doing this

[randerins]

"Posted 1 day ago"
I swear this couldn't come up anymore handy. It's 4:54 AM here and I'm struggling to set these 2 frameworks together for a project. Thanks a LOT! One more sub

[wanna__year_vacation]

I'm always enjoying watching your videos as a rails developer. Thank you for the video.

[developerfoe]

quite appreciatable thing ... someone working on courses/videos of latest ROR version....

[Mixesha]

In Depth Rails 7 API auth, json caching, User roles, pagination etc is something needed.

[willmattwood]

I found this video extremely helpful. I am a React developer currently with a Ruby background, still brand new to Rails. So it actually took me a few hours to go through it because at each step I had to add something new to my mental model of rails. But all in all - really a great tutorial and also helped me build out my understanding of web dev generally. Really appreciated this!

[nonanik]

You are one of the valuable educators on this platform

[Deanin]

Hope the video is helpful, more to come soon! (hopefully lol)

[vuminhtien]

Thanks for your sharing. It helps me a lot.

[ОлегСлепухов]

Thanks, it's exactly what I need :)

[manuelmens]

My first time watching you and you're awesome and swagerize

[williamromerovela]

Thank you for this great video. It could be nice if you create a video for each way to create react-rails apps. Thank you in advance.

[shreyasrajagopal]

11:20 "fancy but also unsettling" :)

[wesleygrant]

What extension are you using for those React autocompletes? Also could you explain the mounted cleanup function in your useEffect a little? I run into a lot of issues with empty dependency arrays. Super awesome video though, thank you for this!

[celina]

Would love to see the CRUD functionality in React. I'm working on a small personal project and I had trouble figuring out where to start. Thanks a lot for this.

[jhonacosta]

never had used rails. So impresed by scaffold command. I'd like to see more extend use of rails power for backend. Tysm <3 u

[siyaram]

I feel so much at home when I see people using Windows Machine for Dev related stuff

[hledaczvirat_cz]

I have never seen declaring let mounted = true and to clear side effects mounted = false. Could you explain the usage a bit? Thanks

[minmaunghein]

Rails API, how to receive photo from react native