Amazing video! Thanks a lot for making this video and showing how to do this👍👍👍. As you said, sometimes, it gets complicated to do simple things in React. I found your video to be very helpful.
I found your tutorial in your website but after watching the video I feel guilty if I'm not showing my support to you. so what I did is, I came to youtube to subscribe your chanel and show my appreciation. Thank you very much.
@@TheWebSchool Yes, when you click on the link in the burger menu, it will not close the menu and redirect you to the page. You have to manually close it.
@@rockfox5 Ho yes sure, I hadn't created a fully working nav in this video (we can see that there is no tag or from react-router). To resolve that problem we just need to toggle the menu with an "onclick" event on the nav items 👍 (My goal was to show a responsive Navbar, but your remark is correct, I should have added it)
Yes you can, but for that you need to toggle some height and put a transition on it. This is fairly similar in the logic part, but the CSS changes a bit. You need to put the menu at "height: 0" & "overflow: hidden" & "transition: height 0.4s ease-out". And when you want to show it "height: 100%".
That's exactly what I was looking for, direct to the point and focused only on the responsive, thank you!
Great tutorial! Thanks! Almost exactly what I was looking for, explained well, and in under 15 minutes 👍
Amazing video! Thanks a lot for making this video and showing how to do this👍👍👍. As you said, sometimes, it gets complicated to do simple things in React. I found your video to be very helpful.
This is incredible. Excellent demonstration. Thank you.
You're welcome buddy!
Thank you for the video, keep grinding boy, you’ll shine soon
I found your tutorial in your website but after watching the video I feel guilty if I'm not showing my support to you. so what I did is, I came to youtube to subscribe your chanel and show my appreciation. Thank you very much.
great video. simple and straight forward 💯
Useful straightforward content, thanks mate!
One of the best video on responsive nav bar in react js
100% Easy way
Thank u
Thanks for the compliment !
You're great dude,really helpful.
Thank you.
honey you are soooo underrated !!
Exactly what I was looking for. Thank you, Iam gratefull!
You're welcome mate!
very instructive, merci
Amazing and simple!
subscribed! worthy content!!
thanks alot you just saved me
Super! Thank you!
great tutorial
Thanks a lot, very useful tuto!
Happy to share!
Nice Tutorial
Fantastic tutorial and really well explained. Just subbed and will check out your other content. Cheers!
Thank's, a lot more are coming soon, with a better english pronunciation !
Cheers!
Absolutely awesome tutorial. Great learning value. Thx Sir. Would it be possible to expend this to include a responsive mega menu please? Thanks again
That's a brillant idea, I add it to my ideas list.
Nicely explained
Try to upload videos on daily basis or 2,3 days gapping.
It will help us and you as well.
I surely will, I'm just finishing a big project right now.
Then I'm planning to feed this channel :)
There is one problem with this - when you click on the nav in the burger menu, it will not close the burger menu and redirect you to the page.
Hey, what do you mean by "nav" ? The links ?
@@TheWebSchool Yes, when you click on the link in the burger menu, it will not close the menu and redirect you to the page. You have to manually close it.
@@rockfox5
Ho yes sure, I hadn't created a fully working nav in this video (we can see that there is no tag or from react-router).
To resolve that problem we just need to toggle the menu with an "onclick" event on the nav items 👍
(My goal was to show a responsive Navbar, but your remark is correct, I should have added it)
stops working after useeffect is added
Great video, Is there any way to make a transition effect on the links when clicking the hamburger menu?!
Yes you can, but for that you need to toggle some height and put a transition on it.
This is fairly similar in the logic part, but the CSS changes a bit.
You need to put the menu at "height: 0" & "overflow: hidden" & "transition: height 0.4s ease-out".
And when you want to show it "height: 100%".
@@TheWebSchool I Tried that and still doesn't work, if you can make a short video on it that would be great
tysm
thanks...plz make a complete image carousel in react.js
I will definitely do it!
nice :)
source code not working bro i get erroe like this ERROR in ./src/App.js 6:0-48