React Movie Rating App - Code and Deploy React Intermediate Project
Вставка
- Опубліковано 30 вер 2024
- 🌟 Hostinger - hostinger.com/...
Use the code PEDROTECH to save 10% on premium shared hosting and get up to 91% off on all yearly hosting plans.
Join our Discord: / discord
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/l...
🐙 GraphQL Course: codedamn.com/l...
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / pedro.fmachado_
Github: github.com/mac...
Business Email: pedro@pedrotech.co
🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 amzn.to/42kqFuM 💻 Monitor
🖱️amzn.to/3C0ZhHb 🖱️ Mouse
📷 amzn.to/3OHJvbM 📷 My Camera
🎤 amzn.to/3oxSthj 🎤 My Microphone
⌨️ amzn.to/3oFPpj1 ⌨️ My Microphone
⚡ amzn.to/3MYMnzM ⚡ LED Lights In the Background
Tags:
- ReactJS Tutorial
- ReactJS
- NodeJS Tutorial
- API Tutorial
#reactjs #coding
Thanx Pedro, I am a final year engineering student from India, because of your React and Project playlists I got a Full-stack internship today. Keep up the good work, cheers!!
Hey Bro, Where you able to get the list of rated movies? I am able to rate a movie usign guest session, but the list of rated movies is empty.
Brdr can I get your LinkedIn aur Twitter I'd so that I can contact you talk you there, I am also from india
I got to the stage where you add the guest_session_id to localStorage I followed the instructions and also the comments here I get the guest_session_id properly from the api but in localStorage it is defined as undifned, can you help?
please use this
if (isSuccess) {
localStorage.setItem('access_token', data.guest_session_id)
}
same, u fix it?
@@ValeriiLutiy Same too
@@quadriadisa8288 it's a timing issue setItem is being called before the data returns from the API you can fix it by using the asynchronous version of the mutate function mutateAsync() in your useMutation, then in handleLogin declare a variable and await mutateAsync for example:
const handleLogin = async () => {
const data = await mutateAsync();
localStorage.setItem("guest_session_id", data.guest_session_id);
};
@@quadriadisa8288 did you ever solve the problem for the guest_session_id with the rated page?
An amazing video! I followed along over the course of a few days and I just finished it! My portfolio website will definitely be featuring my version! Thanks a bunch Pedro
Were you able go build the rated movies session?
46:00, guest_session_id = undefined in local storage. someone explain please!
the issue with undefined being set in local storage on log in is due to setItem being called before the response arrives from the API, it can be fixed by using mutateAsync instead of mutate in your useMutation, the in the handleLogin async function you can await mutateAsync()
const { mutateAsync } = useMutation({
mutationKey: ["login"],
mutationFn: mutationLogin,
});
const navigate = useNavigate();
const handleLogin = async () => {
const data = await mutateAsync();
localStorage.setItem("guest_session_id", data.guest_session_id);
navigate("/");
};
Hello Pedro you can actually do better with your explanation you do not show how the necessarily query URL are gotten from and this does not help your views, also i noticed that trying to guest_session_id in the local storage continues to show undefined, lastly it would be better to leave github link as to where you have finished code and stop giving half baked code that could lead fresher into mess
Why don't you make your own video since you're an expert.
did anyone got error while fetching res.json file from mutation file to auth file
Yes😭😭..have been stuck for days now trying to fix it
@@MichaelOmotayo pls explain us as well
Instead of
res.json()
Use
Const data = await res.json();
log(data);
@@abhxyyy yeah that was what i did also after hours of finding!💔
Pedro, putting the guest_session_ID into the local storage didn't work. It's broken
bro plese make a video on adding private chat feature in ur socket chat app please i kindly request you
I am having issue whenevaer I tried to login, the error I get is data undefined. can someone help me please! why is that happening?
Got something wrong, the Movie rated me
hey dont you get any errors while fetching the data from mutation file to auth file
Yes
Your videos are gold Pedro!
yeah, lets pretend like we dont get undefined on first login attempt and just go on like nothing happened... That's how all this shitty Junior frontenders get born and start spamming their junk resumes - here on channels like this
You're using typescript BUT you're not really USING IT.
Great idea on tutorial, but very bad realisation.
Waste of time...
Can vercel be used to deploy
Use netlify
Vercel can't
Tried to fetch the rated movies api and it showed "the resource you requested could not be found"
Was anyone able to fix this?
while making the popular section cards, the image is not loading, when checking the network console iam getting a forbidden 403 reponse, how do i fix this?
Bro I have missed your videos😊
After a long time one more epic shit keep growing: my language is urdu but basic understanding of English but i watch you tutorial i understand much stuff Like React tutorial
thank you so much pedro , can you please share the code link as well
pTech please how can i get the code tothis tutorial
how can i access the code ? im following the video
hey pedro, can you explain single signin for multiple applications with react like sgare the authentication if i try to redirect thr link to second applicatiom from 1st application how?😊
What theme,are you using?
I really Enjoyed while watching :)
Tem algum vídeo de autenticação com api? Eu não estou achando nos seus vídeos.
should we learn RTK Query? Is React Query enough?
react query can do mostly anything with api already, you don't need rtk query, it's pretty complex meanwhile react query is really easy to understand
Bro, Ya Boss, greetings from Serbia
I just finished your react course with this firebase product, and now this video? Oh man, I'm lucky today
hey dont you get any errors while fetching the data from mutation file to auth file
hola. gracias por compartir este video. esta genial
Eu sei que vc é br sacana
more videos like this
Please give time lines
Why not Next.js ?
nice bruh
Thanks a lot!
❤❤👌
Checkpoints:
1:14:30
Did he fix the guest_session_id part?
@@abimbolapatrick2707 Yeah he does but very later on I think. I myself kinda figured it out using the comments. Good luck
Worth waiting for the conent