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

Поделиться
HTML-код
  • Опубликовано: 5 дек 2023
  • 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

Комментарии • 31

  • @UserAliyev
    @UserAliyev 5 месяцев назад +3

    You are explaining very well

  • @dadi_vlogs3254
    @dadi_vlogs3254 5 месяцев назад +2

    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 3 месяца назад

    thanks for great explanation

  • @nipunjayasinghe1880
    @nipunjayasinghe1880 2 месяца назад

    Thank you !!

  • @CodificacaoCarmo
    @CodificacaoCarmo 5 месяцев назад +3

    very cool where do you make your thumbnails???

  • @spartondon3591
    @spartondon3591 12 дней назад

    Destructure 😊

  • @sparsh-0384
    @sparsh-0384 5 месяцев назад

    Control + backtick it will open terminal

  • @eliteturtle6090
    @eliteturtle6090 5 месяцев назад +2

    Hello, can you please work on the ecommerce website part 2 (connecting to data base) video

  • @selvapandi1362
    @selvapandi1362 5 месяцев назад

    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

  • @laiba6408
    @laiba6408 2 месяца назад +1

    14:35 importing pics

  • @Olimpio_Eduardo
    @Olimpio_Eduardo 3 месяца назад

    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...

  • @farhadthomas
    @farhadthomas 5 месяцев назад

    if it possible complete this tutorial to responsive ( j-query ).

  • @samuelwanjiru409
    @samuelwanjiru409 5 месяцев назад

    is it responsive though

  • @katmandu0
    @katmandu0 13 дней назад

    how to implement this dark light theme for all pages likes about,contacts and for whole websites fonts

  • @NKbroken
    @NKbroken 5 месяцев назад

    Sir rummy app game per ek video banwa do kese banayea Jata ha

  • @sangram597
    @sangram597 5 месяцев назад

    why are you not using create-react-app command direct in terminal

    • @davidastudillo371
      @davidastudillo371 5 месяцев назад

      is because it is not recommended to use it for such small projects.

  • @UpdateTripura
    @UpdateTripura 5 месяцев назад +4

    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 4 месяца назад +4

      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

  • @debasmitarout8926
    @debasmitarout8926 3 месяца назад

    Where i can fidn the code

  • @laiba6408
    @laiba6408 2 месяца назад

    11:36

  • @draken7667
    @draken7667 3 месяца назад

    34:25

  • @rajatadhikari1879
    @rajatadhikari1879 2 месяца назад

    bro please give source code there in some step is not clear

  • @Sachin0547
    @Sachin0547 5 месяцев назад

    Sir Hindi me tutorial

  • @sd3524
    @sd3524 5 месяцев назад +2

    Is it responsive or not ?

    • @iamALPHAMEN
      @iamALPHAMEN 5 месяцев назад

      No

    • @katmandu0
      @katmandu0 14 дней назад

      do u know how to make it responsive??

    • @katmandu0
      @katmandu0 14 дней назад

      for phone and tablets

  • @ConformeNon
    @ConformeNon Месяц назад

    code ??