React Responsive Navbar Tutorial - Beginner React JS Project

[@Tech2etc]

Create Portfolio Using React JS 👉👉 kzbin.info/www/bejne/ZpmVk2ecqceNmbc Guys SUBSCRIBE & Help us to react 200k SUBS 🔥🔥 Chapters: 0:00 Intro 2:18 Code Sandbox 8:50 Creating Components 9:59 Create Navbar 15:47 Navbar Styling 22:24 Responsive Navbar 39:55 Deploy Your Project 44:52 Download Your Project

[@sujitbhujbal94]

can you share link for specific tut that solve my react js navigation problem that navigate another page through nav option

[@recruitmentteam3651]

I was searching for a basic responsive navbar video. Searched a lot but never find. In the end, I found your video. It is just Awesome. Thank you for making it!

[@Tech2etc]

Your most welcome. Please share this project on your social media. Will appreciate that.

[@Smashkartzz]

Can I run it on vs code

[@laponiec]

Wow, the best tutorial on responsive navbar so far, there are few moments that I don't understand (mostly the positions of the CSS), but overall a great tutorial. Thank you

[@theLaurrenJoseph]

this is the first video that has explained this to me very well. well done sir, thank you

[@mnav709]

Great explanation but consider you could use the state hook instead of turning the component into a class > const [clicked, setClicked] = useState(false);

[@Tech2etc]

Thanks for the wonderful suggestion. I will try to use them in my future videos.

[@ZukoTheShinigami]

exactly what I thought. Its sorta scary when people making tutorials mislead viewers with practices that aren't up to date, then we end up picking up bad habits 🤦‍♂

[@Smashkartzz]

Can I run it on vs code

[@mnav709]

@@Smashkartzz this is a React feature and the editor doesn't matter. You can code in Notepad if you wanted

[@jhonathan-cs]

const [clicked, setClicked] = useState(false); const handleClick = () => { setClicked(!clicked); };

[@daviderivona6576]

Thank you very much man, I am not really a frontend guy, but this was very helpful in my most recent project

[@Chowdahhh]

I liked this! Though I agree with the other guy that you're better off using hooks instead of changing it to a class component. Something else that bugged me is that you added the 'active' className to just the 'Home' list item, but didn't actually include handling to switch which menu item would be active as you switch pages, which makes this navbar feel incomplete.

[@shivanshmittal4297]

Exactly, i am wondering that this is soo much hardcoded. and he is saying react based project. it is just a HTML CSS page

[@evolutionXXVII]

You sir, are a CSS jedi master.

[@crafttechindia]

Your explanation was too good even after i dont know class based components still I'm making it

[@snehagour4210]

Thnku sir me bhut time se presan thi mera ho hi nhi ra tha ye menu vala part

[@Willymaster777]

Thank you, your video was very useful in my project, regards from Chile

[@thewoman-y1x]

Your videos are really helpful!! Thank-you for your efforts and the projects! I love this channel.

[@HrissW]

Great tutorial man!! 💯 No BS, straight to the point 👌🏻

[@askay2382]

so easy so easy it take just 3.30 hour just btw nice i have done my first project thank you man..

[@xunkuong8837]

ty so much, i spend a day for fix this ,after watch your video ,i fixed

[@manishkumar-bw5iv]

Very nice sir.. Please continue this reactjs series.. you explain so well

[@Zahid_Al-maeda]

Shkran Shqiq !! Yarhamuk Allah !! Subhana Allah !! I sucessed in my system bro !!!!!!!!!!

[@slipstream01]

Thank you for this great explanation and great knoweledge.

[@loyaltythameem]

Please continue to reactjs

[@Tech2etc]

More tutorials are coming soon.

[@loyaltythameem]

@@Tech2etc thanks

[@sriram7541]

@@Tech2etc we are waiting

[@Smashkartzz]

Can I run it on vs code

[@namnguyenhoai9850]

Your video is very helpful, thank you very much

[@adeusiiyanu5430]

Thanks for this, really helpfull

[@lalaniwerake881]

Great tutorial, thank you!

[@emreaydogdu5413]

Amazing as always! Thanks for labour and info sharing!

[@Tech2etc]

Your most welcome. Please share this project on your social media. Will appreciate that.

[@sujitbhujbal94]

plz help.......I'm done with all thing that mention in tut but , I want to make next page of "contact" and that have to be connect with navbar contact button........

[@Tech2etc]

Please checkout our react js playlist for more advance projects.

[@sujitbhujbal94]

@@Tech2etc I watched but, there is no relevant solution for connect another page with our main page navbar.

[@sujitbhujbal94]

share that link....plzzz @@Tech2etc

[@leomacdon7858]

Amazing tutorial.. Thanks much from me. Really helpful

[@fitvibeindia]

Nice explanation bro good video at all

[@thelannymaguillano4612]

Thank you so much It helped me alot

[@sujitbhujbal94]

excellent tutorial

[@thuynguyenngocthanh9646]

Thank you so much Sir

[@thumulabasura]

great tutorial, It helps a lot

[@Insane.18_7]

Thank you for this bruda ❤. I have one doubt bro how can I give routing to respective for those listed items. I mean like inside Anchor tag how can I give routing can you please tell me. Thank you in advance

[@brahmanimundhe1465]

When I maximize the the output screen I'm not getting the icons separately on navbar...it still shows just the logo and menu. Can you please help.

[@spacetime3636]

Is possible create a navbar respondive with mobile js?

[@minimalcompany49]

Thank you bro❤

[@mayurPrmr1182]

Awesome 👌👌👌

[@jokera7570]

awesome bro

[@petermwansa4890]

Thank you

[@adityamarzuk5970]

my fa bars didnt show up

[@jialu8630]

Thank u so much!!!

[@durga972]

Waiting for this video 😍

[@Tech2etc]

Thank you very much. Please share this project on your social media. I will appreciate that.

[@aloky247]

Setting up React using Vite only takes a couple of seconds.

[@juliusngeno1804]

Awesome Content

[@md.israfil1935]

please give me image icons link in this project,

[@horrytech7828]

Bro Pleace make a video of country picker using css html and js

[@raydonosengo2830]

helpfull🤯🥳

[@safiq_ur_rahaman]

Bro just use useState hook instead of changing the whole component to class based component

[@loyaltythameem]

Awesome 👍😎

[@Tech2etc]

Thank you so much. Please share this project on your social media. Will appreciate that.

[@TechTalkTips7]

Nice

[@Tech2etc]

Thank you very much. Please share this project on your social media. I will appreciate that.

[@nirvana124]

when you are doing everything in function, why you need to create a class.

[@hellomister5842]

bongali babu!!

[@36547]

Not good because it isn't showing how to use react router and he is using class instead of functions

[@Tech2etc]

At the very first beginning of the video I already mentioned that its a basic react navbar. I also mentioned another advance react navbar tutorial is coming & it was already been published long time ago. Go to the description and watch that video before passing any irrelative arguments. Thanks.

[@999slawter]

It is clear, what it is. It is you fault if you are complaining because you need a pear but this is an apple (an it`s 100% clear that this is an apple) So the problem is you, not the video.

[@spacetime3636]

Not using react router

[@vimalkumarchaudhary1913]

Hindi mai kiu nhi upload kiye

[@amira-pf5dw]

Thannnnnnnnnnnnnk u

[@vatansrivastava7279]

make clones in react js like linkeding instagram etc.

[@Tech2etc]

Sure, new videos are coming soon.

[@suprabhatsahoo2782]

Bengali🎉

[@kacperkepinski4990]

50 min for navbar........

[@amira-pf5dw]

Yarbi lhmd li 3t9ni

[@Jukamo90]

[@aothymahmudmoon3578]

awesome bro

[@shivasanwale6734]

fas fa-bars not working