Rails 7 Mobile App With Expo Deployed To Digital Ocean Apps | Ruby On Rails & React Native Tutorial
Vložit
- čas přidán 8. 05. 2024
- This tutorial will teach you how to create an Expo React Native mobile app, create a Rails 7 API and deploy it to production on Digital Ocean, AND teach you how to pull that production API data into your React Native mobile app.
It's a lot to cover, but hopefully we can get through it. Links below.
Join this channel to help support these videos:
/ @deanin
Free 60 day, $100 Digital Ocean Credits (Affiliate Link)
m.do.co/c/e10ec451ee35
React + Rails 7 CRUD Crash Course:
• Setup React CRUD With ...
Rails 6 API Deployed to Persistent Production With Postgresql:
• Deploy A Ruby On Rails...
Source Code:
github.com/Deanout/react-rail...
Follow me on social media:
linktr.ee/deanin
Join this channel to get access to perks:
/ @deanin
If you liked this video, please consider subscribing: t.co/RZ4EwP0F2a
Timestamps
0:00 React Native and Rails 7 Mobile App Demo
0:57 Creating Mobile App's Rails 7 API Backend
4:48 Creating The Expo React Native Mobile App
5:37 Adding React Native Paper
6:13 How To Use Expo With Rails 7
7:50 Create The Mobile App Folders
9:16 Create The React API To Pull Data From Rails 7
11:03 Creating The React Mobile App Views
15:01 Adding Default Data With A Database Seed
15:24 Deploying The Rails 7 API To Production On Digital Ocean Apps
18:32 Fetch Data From Remote API In Expo React Native
19:24 Where To Go From Here?
#Deanin #Rails #React
If you're interested in seeing more mobile app type of tutorials, please let me know. I try to focus on videos that have demand, and I usually gauge that demand based on comments/likes.
Hope this video helps!
Edit: User Authentication with Rails and React using the Doorkeeper Gem is live now! czcams.com/video/KnTtdxRlEE0/video.html
Personally I like to see more rails video specially target mobile platform
More... more... and more.. awesome bro
Yeah, this is very interesting, thanks for the tutorial
Please do more with react native!
Excelent video! Very interesting!
Great great tutorial, love to see super targeted content about configuration.
definitely what I was expecting! As a beginner in react native and ruby, I was looking for a way to merge both technologies to start my app. Thanks for this content and hope you'll do more, for example about devise !
Can't get enough of this.
Keep them coming.
As a Rails Junior Engineer this is very important.
Haha will do. Glad to see there's junior Rails developers in the wild. Now I pretty much have to do it! 😀
Definitely create more please. Wondered if there is a variation of websockets/graphql/grpc variation.
Very intresting tuto Thank you
I'm looking to create my first mobile 'toy' app with react + rails api.. These videos are a godsend. Thanks King.
Yeah that's what I kept getting stuck on too. I liked the idea of using a rails API for a few projects, but nothing ever handled it well until I tried this doorkeeper setup
Thank you for the effort you put in creating real world tutorials Dean. Yes. I'd love to see more mobile tutorials. You could make the mobile version of your incoming Instagram clone. That would cover a lot.
You're right, that's actually a really good idea. I'll add it to the list, but good lord is that idea daunting haha.
I'm super excited to see how rails work on mobile . And that's allowed me to build one application to target two plateforme (web and mobile)
You could even do three if you used electron for desktop apps 🤔
You can use flutter to write code once and target ios, android, and web.
I followed your instructions step by step, but when i create a post on postman, I get this error ActionController::ParameterMissing (param is missing or the value is empty: post):
Any help?
👌🏻👌🏻👌🏻
thanks I`m flowing you to make my ROR website native with android and ios I hope I get it
Thanks for the video! It's a good start for me. I'm trying to find a good way to integrate React Native with Rails 7 and devise for auth, if you have any idea on how to integrate it please let me know. Thanks
I don't have an example specifically for React Native, but I did do a couple tutorials on using Devise+Doorkeeper for a React API solution that might be helpful? You'd probably have to change the forms, but the actual authentication stuff is probably similar?
czcams.com/video/KnTtdxRlEE0/video.html
Hello Guys.
I'm getting this error: [Unhandled promise rejection: TypeError: Network request failed]
Does anyone know what could be the solution? Thanks
I'm using WSL2, but It's giving me that error. My URL is: localhost:3000/books
I have no idea why my app doesn't work on deploying mode. I successfully got same result on localhost (production mode). But when typed lionfish-app-2b5vt.ondigitalocean.app/api/v1/posts, I got http error 500, noting showed on my screen. Is anyone having same problem?