How to build a Responsive Navbar in 7 mins - Using React and TailwindCSS

Music from #Uppbeat (free for Creators!):
License code: MLM8SW8SZUBTM50O

[MrItzreal]

Straight to the point! No bs! No clickbait! Kept his word and wrapped everything in under 7 minutes.

[atotamashii]

Just learning tailwind, I know what it does but i dont know how to do it :D but fortunately, saw your vid :D Thanks man keep it up!

[YangoMangoHD]

Not one to normally comment but thank you so much! Building a hamburger menu for the first time and all other videos were upwards of 15 minutes. Thanks for making it short, concise and to the point 🙏

[tirthadeva_yoga]

Thank you very much, bro! You are really helped me.

Namaste from Russia!

[mdbdrrhm]

Great Job! Thanks for sharing your code and how it is done with Tailwind CSS.

[buhito]

A tip if you are going to use the editor with limited width to display the browser, try to use the line wrap in the editor and reduce a little bit the typography since you make changes and it gets lost where you modify because of the width of the editor.

[olekorvald]

Hey, nice video. I have not used tsx so much (only jsx), so I was wondering if you have to use tsx for the navbar or if the files can be created with jsx as well ( Header.jsx instead of Header.tsx for instance)?. Is it possible that you can send the commandlines for the packages that you used in this video? :)

[serxsux]

thank you so much! How do you make the dark mode button outside the drop-down menu in responsive mode? as it appears at the beginning of the video, I have tried to do that but it doesn't work

[AngelaCui-fntn]

Thank you so much for sharing! I've tried to reproduce this but for some reason the navbar disappears after clicking home. Then will re-appear after clicking refresh page. Any ideas?

[NotWorkingChannel-dqrn]

When i try to follow i receive a destructure error when i try to use NavLink.

TypeError: Cannot destructure property 'future' of 'React.useContext(...)' as it is null.

The above error occurred in the <NavLink> component

For what reason would this error affect me when during the video, this did not happen to you?

[rbedson]

is it good idea to make the duplicate of menu element which you have made for home and blog

[Demmyabs]

Hi raj could you please make how to set up sass in next js project please I tried and I couldn't get it I also read the docs still same

[baraa]

but there is a small bug, when isOpen is true and you expand the screen, the vertical nav links are still visible over the horizontal one

[Nirusvlogs]

Thanks for menu. How to fix content without moving down. Menu over lay top of content

[jalexba]

what about if you made a fullstack tutorial with remix.. maybe a MERN sack or something like that?

[kaiserz]

Thankyou so much man! just started learning and u helped me ;D

[krzysztofrozbicki]

Ahhh i miss the part where you would be explaining the line 5 of code with activeStateCallback - that suddenly appears without any explanations. I was just searching web on how is the easiest way to implement tailwind into isActive default class for Navlink. But not here :(

[Demmyabs]

thanks it was helpful and clean code structure

[WebSpyder]

It maybe only be in my project but i think the styles are not exactly as they should be as seen in the video

[sciencekesadhan]

Bro while typing plzzz zoom the screen