Тёмный

How To Make Navbar In React JS | Light & Dark Mode Navigation Bar Using React JS 

GreatStack
Подписаться 1 млн
Просмотров 63 тыс.
50% 1

Learn How To Make Navbar In React JS | Light & Dark Mode Navigation Bar Using React JS
❤️ SUBSCRIBE: ‪@GreatStackDev‬
10 REACT JS PROJECTS: • React JS Projects Tuto...
In this tutorial we will make a website Navigation bar in React JS. In this navbar we will add website logo, menu links, search box and one icon to switch the website from dark mode to light mode and light mode to dark mode.
In this react JS beginners project tutorial we will also use the local storage of web browser to store the user preference of light mode and dark mode.
if your switch to dark mode and close the website, then again open the website then website will be in dark mode.
Download the assets: drive.google.com/file/d/1rz2m...
👉 React Introduction Tutorial: • What Is React (React J...
👉 React Complete tutorial for Beginners: • React JS Tutorial For ...
#ReactJS #ReactJsTutorial #WebDevelopment #GreatStack
-------------------------------------
Build more React JS projects:
Complete Portfolio Website In React:
👉 • How To Make Portfolio ...
Build ChatGPT Clone In React:
👉 • Build ChatGPT In React...
Build AI Image Generator with OpenAI In React
👉 • Build An AI Image Gene...
Create Weather App In React
👉 • How To Create Weather ...
-------------------------------------
Recommended Videos:
Learn Complete HTML and CSS from basics:
► • HTML And CSS Tutorial ...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
Connect with me:
👉 linktr.ee/iamavinashkr
Connect with GreatStack:
Instagram: / greatstackdev
Twitter: / greatstackdev
Facebook: / greatstack

Опубликовано:

 

5 дек 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 40   
@UserAliyev
@UserAliyev 6 месяцев назад
You are explaining very well
@dadi_vlogs3254
@dadi_vlogs3254 6 месяцев назад
Lots of thanks Mr.Avinash for your boost effort, I have a suggestion for you: why you shouldn't upload a full course of React on the channel.
@vishalrai6027
@vishalrai6027 4 месяца назад
thanks for great explanation
@nipunjayasinghe1880
@nipunjayasinghe1880 3 месяца назад
Thank you !!
@CodificacaoCarmo
@CodificacaoCarmo 6 месяцев назад
very cool where do you make your thumbnails???
@roeesun6758
@roeesun6758 8 дней назад
thank you really well explained and covered everything needed from scratch.
@GreatStackDev
@GreatStackDev 8 дней назад
Glad you liked it. Thanks for your comment. 😊
@gopallohar6994
@gopallohar6994 23 дня назад
Thank you so much I wasted my 3 hours to make dark mode but when I watched your video I made it in just 45 minutes. thank you.
@GreatStackDev
@GreatStackDev 19 дней назад
Glad you helped you. Thank You! 😊
@spartondon3591
@spartondon3591 Месяц назад
Destructure 😊
@nelsonchai7
@nelsonchai7 12 дней назад
I don't know what to say, Thank you.
@malvernmabvira1562
@malvernmabvira1562 3 дня назад
King
@sparsh-0384
@sparsh-0384 6 месяцев назад
Control + backtick it will open terminal
@eliteturtle6090
@eliteturtle6090 6 месяцев назад
Hello, can you please work on the ecommerce website part 2 (connecting to data base) video
@Olimpio_Eduardo
@Olimpio_Eduardo 4 месяца назад
I liked the video, but I need help😁😁 In this video how can I add navigation between pages using react router dom, since in app.jsx it is giving me an error when I add routes...
@alokraj3524
@alokraj3524 17 дней назад
Explanation is good but this should also be responsive. I cam for responsive navbar design in react.
@selvapandi1362
@selvapandi1362 6 месяцев назад
Shopping cart Js Format file I have but I need to render React jsx file sir, how I convert Js file to Jsx file sir, if I question confuse you sir I can brief explain sir
@katmandu0
@katmandu0 Месяц назад
how to implement this dark light theme for all pages likes about,contacts and for whole websites fonts
@samuelwanjiru409
@samuelwanjiru409 6 месяцев назад
is it responsive though
@laiba6408
@laiba6408 3 месяца назад
14:35 importing pics
@nmtamil4774
@nmtamil4774 22 дня назад
I'm facing path error. How can I handle this
@farhadthomas
@farhadthomas 6 месяцев назад
if it possible complete this tutorial to responsive ( j-query ).
@debasmitarout8926
@debasmitarout8926 4 месяца назад
Where i can fidn the code
@sangram597
@sangram597 6 месяцев назад
why are you not using create-react-app command direct in terminal
@davidastudillo371
@davidastudillo371 6 месяцев назад
is because it is not recommended to use it for such small projects.
@NKbroken
@NKbroken 6 месяцев назад
Sir rummy app game per ek video banwa do kese banayea Jata ha
@ConformeNon
@ConformeNon 2 месяца назад
code ??
@UpdateTripura
@UpdateTripura 6 месяцев назад
I have a question why are u not making videos in hindi ? I have saw your six year old videos at that time you used to make videos in Hindi.
@roshinif
@roshinif 5 месяцев назад
If he make videos in hindi how can we understand it. Because we also learn something new from him and we don't know hindi
@nmtamil4774
@nmtamil4774 23 дня назад
❤​@@roshinif
@laiba6408
@laiba6408 3 месяца назад
11:36
@draken7667
@draken7667 4 месяца назад
34:25
@rajatadhikari1879
@rajatadhikari1879 3 месяца назад
bro please give source code there in some step is not clear
@sd3524
@sd3524 6 месяцев назад
Is it responsive or not ?
@iamALPHAMEN
@iamALPHAMEN 6 месяцев назад
No
@katmandu0
@katmandu0 Месяц назад
do u know how to make it responsive??
@katmandu0
@katmandu0 Месяц назад
for phone and tablets
@Sachin0547
@Sachin0547 6 месяцев назад
Sir Hindi me tutorial
Далее
How To Create A Navbar In React With Routing
19:16
Просмотров 366 тыс.
How to create a CSS navigation bar in 6 minutes! 🧭
6:28
Пранк над Катей 🤣🤣🤣
01:00
Просмотров 162 тыс.
Ozoda - JAVOHIR ( Official Music Video )
06:37
Просмотров 1 млн
Responsive Navbar Tutorial In React JS
22:11
Просмотров 181 тыс.
React Dark Mode Toggle/Theme - Complete Guide
12:29
Просмотров 19 тыс.
Best frontend and backend projects for resume
13:11
Просмотров 155 тыс.
Пранк над Катей 🤣🤣🤣
01:00
Просмотров 162 тыс.