Laravel Authentication for React Native Apps using Breeze and Sanctum

Рет қаралды 9,424

cdruc

Күн бұрын

Пікірлер: 58

@bijayaprasadkuikel5162 9 ай бұрын

All of these things in just 23 minutes. You are so amazing man. You are really underrated in Laravel community.

@basic-1337 9 ай бұрын

THIS VIDEO DESERVE ATLEAST 100K VIEWS IDC, IM SHARING TO ALL PLACE I KNOW

@MarijanRaicevic 12 күн бұрын

As a newbie in ReactNative this exactly what I was looking for. Thank you very much.

@shofada 9 ай бұрын

Wow! Awesome! Very well done. I really appreciate the teaching style where you first show an implementation and then refactor it in the same breath. I would love to see how you handle authorization as well in a Laravel + React Native Application.

@VinayKesharwani 8 ай бұрын

One of the best video I have seen on this topic! Thank you!

@oketafred 9 ай бұрын

Always learning new concepts from your videos 🔥

@bowaller6892 9 ай бұрын

Awesome video as always Constantin!!! I hope to make a video with Laravel and Flutter...

@andrerinas5052 9 ай бұрын

That was simply amazing! Thank you!

@millennia 5 ай бұрын

Please release a full course on react native and laravel

@fitodac 4 ай бұрын

Thank you, and regards Argentina. You helped me a lot with this video.

@soy-luisarrieta 9 ай бұрын

Fascinating! I followed the video and everything worked perfectly. I would have liked for you to use Laravel Breeze API authentication instead of creating the controllers since the main difference I find is that you don't use CSRF or token cookies. Nonetheless, I greatly appreciate your contribution!

@grim_0403 6 ай бұрын

hello can you please share the source code?

@Netvirux 4 ай бұрын

Hello please I'm working on a VTU website using Laravel 11 as the backend and a native app. I want to make my website's API accessible to other VTU websites, allowing them to buy data just like my native app users can. Instead of creating separate endpoints for API and native app users, I thought of using the same endpoint for both. However, I'm unsure how to handle authentication and authorization. I noticed that the Sanctum token isn't a unique key that always returns the same value. Please help me understand how to approach this and secure my API. Thank you!

@manishgautam2424 9 ай бұрын

describing way was superb

@thedavistheory7674 9 ай бұрын

Excellent video!, btw would you at some point make a video using fortify with sanctum? I think its most interesting feature is 2fa

@juliian6838 6 ай бұрын

Hello bro, I'm having issues with Laravel when making a request to the endpoint. I strongly suspect it's because I'm reusing a project with Laravel 11, which has been configured with Sanctum + Breeze, especially for SPAs that work with session cookies. When I make the request in React Native, the error I'm getting is 'Axios Network Error'. I haven't been able to debug much, but I noticed in the catch error it mentions 'withCredentials', which leads me to believe I should use a clean Laravel setup with Sanctum for APIs.

@Dev-su4mi 9 ай бұрын

Thanks for video! What is your vs code font?

@khangle6872 7 ай бұрын

will you do another one for using socialize with react native?

@Nothwarren 26 күн бұрын

Hi there ! How would you handle token revalidation ? I'm using symfony and in my case I have a revalidation token and specific route to call laravek doesn't have this behavior ?

@cdruc 23 күн бұрын

hello from what I can remember there's no revalidation/refresh tokens using laravel sanctum. if you need that you'd probably have to adjust/build it yourself.

@Markham-Dev 27 күн бұрын

Out of curiosity, what purpose does the device_name serve?

@topalek 9 ай бұрын

@cdruc, hi, can you update your package laravel-langscanner to laravel 11

@cdruc 9 ай бұрын

Lol, glad to see someone uses that. I’ll do it later today 👊

@topalek 9 ай бұрын

@@cdruc thanks a lot

@sevaske 8 ай бұрын

Subscribed, thank you

@RobertDam 2 ай бұрын

Maybe you can make a nice tutorial of laravel reverb with react native also? Cannot find a lot about it but i am very curious how this works.

@DineshPalSingh-z7u 3 ай бұрын

can i get the whole code ?

@RobertDam 2 ай бұрын

And what happens when a user tries to load the app but he/she cancelled the subscription. Then he is logged in into the app, but his account is disabled in the backend. So requests will fail. Shoud that be checked anywhere?

@cdruc 2 ай бұрын

you should probably check both when the app loads and on a per request basis. when the app loads offers a better experience because the user knows instantly “oh, it doesnt work because my subs is expired” rather than finding it out afterwards

@SamBeale-ro2vw 8 ай бұрын

Help! logout gives me the error: "cannot read property 'name' of null". for some reason it still tries to load the home screen instead of login. everything works and it does logout the user but you have to refresh before it goes to the home screen. any ideas?

@cdruc 8 ай бұрын

Hey, that's weird. Have you made *anything* different? make sure you're getting the user from the AuthContext and that you're conditionally rendering the Homepage: kzbin.info/www/bejne/qHPGmIGBqZd5kNU

@SamBeale-ro2vw 8 ай бұрын

@@cdruc Hey, i've managed to get it working and returning to the login screen but i had to add '?' on the user. Welcome home, {user?.name} without the question mark on user, I click logout and get an error on the page "cannot read property 'name' of null".

@arpi7 8 ай бұрын

Sam, can you share the source code?

@SamBeale-ro2vw 8 ай бұрын

Hey @@arpi7 , sure: ///////////////////// HomeScreen.tsx //////////////////////////////////////////////// export default function () { const {user, setUser} = useContext(AuthContext); async function handleLogout(): Promise { console.log('logged out!!!'); await logout(); setUser(null); } return ( Welcome home, {user?.email} ); } ////////////////////////////////////////////////////////////////////////////// /////////////////////// App.tsx /////////////////////////////////////////// const Stack = createStackNavigator(); const Tab = createBottomTabNavigator(); export default function App() { const [user, setUser] = useState(); const [status, setStatus] = useState('loading'); useEffect(() => { async function runEffect(): Promise { try { console.log('tried to load user'); const user = await loadUser(); setUser(user); } catch (e) { console.log('failed to load user', e); } setStatus('idle'); } runEffect(); }, []); if (status === 'loading') { return ; } function MyTabs() { return ( ); } return ( {!user ? ( ) : ( )} ); }

@SamBeale-ro2vw 8 ай бұрын

Hey @@arpi7, I tried to post my code but youtube removed my comment

@DevelopmentAltıniş 2 ай бұрын

thank u dude thank u

@holakonoob 9 ай бұрын

heyy cdruc i hope ur doing fine, im wondering if there's any information about your auth course altho with this kinda of videos you're already explain alot thanks you