create React JS responsive Navbar From Scratch In Hindi 2021 | Free Code

Content is super but your every video is forcing to watch some other video, please don't add some part of video from others video.

Thanks it is very helpfull

pageke link to lagaye nahi

bosdike \react me a tag kon likhta he

Bhai you are nice but i do no like your videos because. we want to learn something from you. you already complete karke rakhte ho. so i don't like you.

I thought I'll learn react instead of writing these markups... anyway..

bhai voh css wla part achhese explain krna chahiye tha...

thanku so much upload this video

Thank you for your video. It was really helpful for a beginner like me to understand.🙂

Is it okay to make a website like this in react

achha

what do I need to do if need to add side drawer from left side instead top drawer on mobile mode ?

Very good sir i need these techniques for my react learning

Abe phone ki liye navbar explain nahi Kiya

next level 🔥

free code kehkar paise maang raha hai

Great Explanation of the concepts. Keep it up

Can anyone tell me how to set image as logo in react navbar

Toggle route hone par nav hide nahi ho rha hai

bhai adha ganta to tum please mujhe follow krdo me laga detay ho

How to run project

how i get css from ur websites, can explain some one??

what is shortcut for that flower bracket commenting

//App.js
import NewsSec from "./News/NewsSec";
import ScoreSec from "./ScoreSec/ScoreSec";
import Menu from "./Sidebar/Menu";
import "./styles.css";
import { GiHamburgerMenu } from "react-icons/gi";
import React, { useState } from "react";

export default function App() {
const [showMediaIcons, setShowMediaIcons] = useState(false);

return (
<div className="App">
<div className="head">
<div className="navicon">
<a
href="/"
onClick={() => {
setShowMediaIcons(!showMediaIcons);
}}
>
<GiHamburgerMenu />{" "}
</a>
</div>
<div className="logo">Project</div>
<div className="weather">weather section</div>
</div>
<div className="main">
<div className="nav-section">
<Menu classes={showMediaIcons ? "mobile-view navbar" : "navbar"} />
</div>
<div className="news-section">
<NewsSec />
</div>
<div className="score-section">
<ScoreSec />
</div>
</div>
</div>
);

//Menu.js
import React from "react";
import "./Navbar.css";

const Menu = (props) => {
return (
<>
<div className={props.classes}>
<ul>
<li>Home</li>
<li>News</li>
<li>Sports</li>
<li>Weather</li>
<li>About</li>
</ul>
</div>
</>
);
};

export default Menu;


For testing I tried changing the nav colour to Red. But on clicking Hamburger, colour changes to Red and reverts back to normal

thanks a lot bhai

apna phla sa css q likhi hwi hain or huma kasa pta chla ga ka apna css pa kiya kam kia hwa hain

Boom guys 😁

Css kidhar he bhai
Css ki link kidhar he

Sir i have a doubt, i am working on next.js project .... can i install the react icon , if i want to use certain icons in my next js project.....

boom guys

is this React video or just simple HTML CSS video because in this long video i didn't see use of react Routes. If i just have to create and style navbar i can do that using normal HTML CSS but if you making React video then do the dynamic one. There is no use of React-Router-Dom or anything.

Please add sub menus listing in navbar

NAvbar toh badhiya h... Par iske momos...Inshallah ek number

u r awesome man....Your videos are reallyyyyy damn good. I can understand every bit of your explanation.

Good video!

i think responsive part should have been explained in detail as per the video title but u explained other component in detail insteed

aap padate bhut acha ho pr source code nhi dalte nah wahi bekar lgta h

Half of of the code are not there and explained, otherwise good

thanks

Please update the code - like if we click outside the box it should close automatically

Awsome brother.....................

Awesome helped soo much 🙏🏼

You should show here how you used css

Your tutorial video is very awesome

Nav bar ko router se kyu nhi banaya

Great. thank you so much

Bhai speed thoda Jada hogaya

Best explanation so far I've found. Simple n easy to follow 😊

Congratulations for 400k