that’s insane dude i was just having a problem with Navigate and useNavigate last night and i didn’t understand the difference and then you release this video!!!! thanks !!
Cara, eu juro que fiquei de cara quando descobri que você é brasileiro. Estava me aventurando vendo vídeos seus sobre React e JavaScript e você simplesmente tem os melhores tutoriais do tema. Valeu ai por toda ajuda que você proporciona a todos nós. Tive que estudar por conta própria lendo as documentações pra aprender como usava o novo react router v6 e certamente se você tivesse postado o vídeo alguns dias antes, teria me salvado mais uma vez kkkk. Mas mesmo assim vou ver seu vídeo para ver a sua didática e tenho certeza que não vou me arrepender!!
I’m doing an online shop for a final project and I need to have the navigation done with router. When I do it puts me a error of Cannot read properties of null (reading ‘useRef’) i don’t know how to do it. Can someone help me please?
Brilliant work once again from you. Thank you for bringing such good video on Navigation. Please do such video on Pagination in React because the way you explain will reach to many developers
Predo!!!!!!!!!!!!!!!!!!!!!!!!!!!! you the man, hey man, when i see u in person , remind me to get you a cold one, I don't care if you do not drink , that day you will take a glass for me. Shout out to you man
Awesome Tutorial. Would love to see you in another tutorial with implementing Coinbase Commerce in React. Haven't seen any tutorial about it in youtube. Hope you consider it. Thank you
Hello sir I got a question. Lets say there is a page A which is protected routes. If any user is not logged in and visit that A page, it will automatically redirect to the Login page. After login how would I send that user to previous page where he was before. I tried to search and found one solution using useLocation but it’s quite confusing. It would be great if you make a video.
React router keeps track of the location history. The useLocation hook can be used to do something like this I believe. I might be able to make a video on this, but in the meantime I would say to keep searching it :)
Pedro se der, faz um tutorial de react router de como fazer uma rota pra um modal, eu consegui implementar aqui mas n sei se foi da melhor forma, e no UA-cam não tem nenhum tutorial disso.
@@PedroTechnologies Vou ver, o modal que eu fiz precisava mostrar os dados de um User que vinha da Api e que poderia ser acessado pelo id, era oq o desafio pedia pelomenos kk, ai tive que criar uma rota pra cada
I tried to use the useNavigate but it gave me an error saying useNavigate is called in function "navigate" that is neither a react function component nor a custom react hook function. Why is that
In my opinion, try doing whatever you feel like you will have fun doing. I remember when I started I would just come up with crazy ideas and keep trying until I was able to do it.
Yeah, but tbh this is an explanation video and not a walkthrough. At least for me, in the beginning, I didn't like just reading documentation since I wouldn't fully grasp the subjects. I try to make videos explaining how I would've liked to learn when I started. There are many different types of learners, this video might not fit your type. I appreciate the constructive criticism! I honestly have made so many changes to my channel because I listened to comments like yours, and it has improved how i teach :)
Hello PedroTech . Why does nobody ever tell us how they know that the URL for the Contact page(that is contact.js) is "/contact". Unilike in flask where we explicitly write the URL before the function, I never see it in your code. So how do you know it's "/contact"
We define the url when we define our routes. Every component has a path prop in it. U just have to write which path u desire there and it will work. For example:
that’s insane dude i was just having a problem with Navigate and useNavigate last night and i didn’t understand the difference and then you release this video!!!! thanks !!
Glad I could help!
@@PedroTechnologies i need help, i see this works for functional components, but how does it work in class components?
Cara, eu juro que fiquei de cara quando descobri que você é brasileiro. Estava me aventurando vendo vídeos seus sobre React e JavaScript e você simplesmente tem os melhores tutoriais do tema. Valeu ai por toda ajuda que você proporciona a todos nós. Tive que estudar por conta própria lendo as documentações pra aprender como usava o novo react router v6 e certamente se você tivesse postado o vídeo alguns dias antes, teria me salvado mais uma vez kkkk. Mas mesmo assim vou ver seu vídeo para ver a sua didática e tenho certeza que não vou me arrepender!!
keep these videos coming bro even if you aint getting that many views we got your back and you are really helping us we will support you
Looked out many places about how to redirect inside a component in v6 but didn't find the correct answer.
Got it here thanks :)
this is a very good tutuorial, simply implies that Navigate is declarative while useNavigate is imperative.
Thank you lol , had bumped into your old one lol, code was breaking , glad u made an update , thanks mate!
I’m doing an online shop for a final project and I need to have the navigation done with router. When I do it puts me a error of Cannot read properties of null (reading ‘useRef’) i don’t know how to do it. Can someone help me please?
Brilliant work once again from you. Thank you for bringing such good video on Navigation. Please do such video on Pagination in React because the way you explain will reach to many developers
Pedro, i owe you a benz man. You keep me going fr, i really appreciate your work. You should add a link so we can buy you a cup of coffee.
Thank you so much for this tutorial.
Great video! Short and easy to understand. Thanks for that!
THANK YOU !!!! you are a life saver !!
Predo!!!!!!!!!!!!!!!!!!!!!!!!!!!! you the man, hey man, when i see u in person , remind me to get you a cold one, I don't care if you do not drink , that day you will take a glass for me. Shout out to you man
Hahahaha I will take that beer!
Pls give me any suggestions or makes video on its. Your videos are very informative.
It's very helpful for me. Thanks for your video!
Thank you Pedro for clear my confusion
Great video. Really helped me in my project. Thankyou
Thanks man, This was really helpful
Pure Gold !!!
Nice video bro. Can you please tell what extension do you use for code completion suggestions. I hope you get what I mean
Brilliant explanation. Thank you so much!
Kudos to your interest and excellent explanation. Keep doing such tutorials. Best channel to learn React concepts in lucid way is @Pedro tech
Awesome Tutorial. Would love to see you in another tutorial with implementing Coinbase Commerce in React. Haven't seen any tutorial about it in youtube. Hope you consider it. Thank you
Hello sir I got a question.
Lets say there is a page A which is protected routes. If any user is not logged in and visit that A page, it will automatically redirect to the Login page. After login how would I send that user to previous page where he was before. I tried to search and found one solution using useLocation but it’s quite confusing. It would be great if you make a video.
React router keeps track of the location history. The useLocation hook can be used to do something like this I believe. I might be able to make a video on this, but in the meantime I would say to keep searching it :)
navigate(-1)
brilliant video thanks for sharing !
ohh my god how can I thank you for this...thanks man!!!
hi!!! thank you so many videos :) i wanna see video of REDIS!! If u have much time then could u make video of REDIS?
You are a gem
Nice lesson Keep teaching
How do you recommend to learn and master React? Any react idea that i can try from scratch by myself?
Hi Pedro will you ever do a tutorial on how to use nextjs with typescript? Much appreciated! Your videos are super helpful.
Pedro se der, faz um tutorial de react router de como fazer uma rota pra um modal, eu consegui implementar aqui mas n sei se foi da melhor forma, e no UA-cam não tem nenhum tutorial disso.
Geralmente quando eu uso modals eu nao crio uma rota nova, porem o que vc pode fzer é ter nested routes. Eu fiz um video neste assunto.
@@PedroTechnologies Vou ver, o modal que eu fiz precisava mostrar os dados de um User que vinha da Api e que poderia ser acessado pelo id, era oq o desafio pedia pelomenos kk, ai tive que criar uma rota pra cada
rota para um modal, geralmente e tira e poe componente, existem libs que gerenciam esses steps, ou voce pode fazer do seu jeito
Sir this is exquisite
Thank you brother..... ❤
I tried to use the useNavigate but it gave me an error saying useNavigate is called in function "navigate" that is neither a react function component nor a custom react hook function.
Why is that
thank you pedro
How to redirect in class component buttonHandler after some api response
Thanks a lottt!
In the about page where you used an if statement to check if its true or not, can i use a Tenary operator like {goToContact ? : null}
Yea I usually use it to Check if user is logged in the routes.
Path login for example
Element={user? : }}
awesome video. can you tell me what font do you use in vscode
Super helpful
GOAT
Hey bro which kind of project I make in react.
whatever you’re interested in
In my opinion, try doing whatever you feel like you will have fun doing. I remember when I started I would just come up with crazy ideas and keep trying until I was able to do it.
so fantastic
Hey. Do you a video showing how to create and deploy an API? I'd like to create my own API (just for consuming data) and deploy it using Netlify
How do I redirect to an external link like facebook?
thank you so much
Welcome 😊
Pedro can you make a video where you talk about filtering objects depending on category using checkboxes please.
Thank you
Intro music name please?
❤️❤️❤️❤️❤️❤️
Are you open to freelancing?
Bro will you try to create a payment with payment gateway using express and react ?
Your previous one didnt work. Hope this one will.
I bet it takes literally less than a minute to tell how react router dom Redirect works.
Yeah, but tbh this is an explanation video and not a walkthrough. At least for me, in the beginning, I didn't like just reading documentation since I wouldn't fully grasp the subjects. I try to make videos explaining how I would've liked to learn when I started. There are many different types of learners, this video might not fit your type. I appreciate the constructive criticism! I honestly have made so many changes to my channel because I listened to comments like yours, and it has improved how i teach :)
ur quality and voice has significantly impropved.
Thanks again for your help and support 🙏 👍 😊 🫂 😊
Always welcome!
Hello PedroTech . Why does nobody ever tell us how they know that the URL for the Contact page(that is contact.js) is "/contact". Unilike in flask where we explicitly write the URL before the function, I never see it in your code. So how do you know it's "/contact"
We define the url when we define our routes. Every component has a path prop in it. U just have to write which path u desire there and it will work. For example:
@@PedroTechnologies I understand it now. Thank you so much.
Tools to get cc easy in yt leakfullz
Thank you so much
thank you