Make a Simple ReactJS NavBar From React-BootStrap

#arslan #reactJS #navbar
Please don't forget Like, Comment and Subscribe if you're new!

hopefully yall enjoyed this tutorial on making a simple reactjs navbar. Next time ill make a tutorial on how to do react routing! :)

[arslan]

Hey guys,
At 3:09 where I'm importing * as react bootstrap you can just do import {Navbar, Nav, NavDropdown} from 'react-bootstrap'

And also you don't need to import both the link and CSS just importing the CSS is more than fine
🙂

[DropOutCandy]

This literally saved my life.

Noone told me I had to import stuff, I was malding for a week.

Thank you so much.

[ignaciosalia]

In the first minute you solve the issue I had with my project thank you :P

[lofi_Insomnia_]

exactly what I was looking for. saved my life bro

[diegolorenesi]

You can add "import { Navbar, Nav, NavDropdown } from "react-bootstrap";" to import only the components you need for your Navbar.

[martinlykke]

As Arslan commented please do not do 'import * as ReactBootStrap from 'react-bootstrap'. It can impact the performance of your app/website to import everything at once. Just import what you need like this: import {Navbar, Nav} from "react-bootstrap". Furthermore, if you just import the things you need, you won't have to write <ReactBootStrap.Something/>, you can just directly write <Navbar/>, instead of <ReactBootStrap.Navbar/>. It results in very ugly code when you start writing "ReactBootStrap.Something" 10+ times.

[samuelsodagudi]

This is exactly what I was looking for.
Thanks mate.

[benediktlantsoght]

I just needed one little thing and you explained it to me, THANK YOU!

[ellstream]

Great video. I watched through 3 more popular ones, which were terrible.
This is simple, straight to the point and shows how to use the documentation efficiently :)

[AjitabhAnand]

Thank you so much sir ❤️❤️
Love from India

[gpravin]

Thanks man, I search a lot & finally got your video., 🙏

[sandeep-jpib]

Thank you so much. Helped to get started ❤

[chillpill]

Im getting an error "Error: Invalid hook call. Hooks can only be called inside of the body of a function component." any help here?

[meccaadams]

Thank you so much it worked ... I wish I could show you a screen grab.

[omiqureshi]

_I have a question I have deployed a page in which I used Reactstrap for resposiveness and its workingg fine on my local host, is Resposive but on git hub page its not some contents are out of the container on mobile ? do you know how to fix this issue ?

[jasonchung]

Part 2 of this video is not available. Could you please re-upload it as this first part really helped

[satyabratagouda]

Attempted import error: 'Brand' is not exported from 'react-bootstrap' (imported as 'ReactBootstrap').

[itayyabkamran]

How do I rename the nav links? Also, I want to add subcactegories, how and where do I do that? Please help asap.

[raba]

Is there a way to use the react bootstrap nav props to make the hamburger menu close when you click outside it?

[willsstern]

Do you know if I can change the color of the menu icon to another color other than dark or light?