Electron Course #3 | Building a Responsive Navbar with React Router in Electron

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ต.ค. 2024
  • Yo! In this tutorial, we will learn how to create a responsive navigation bar with React Router in an Electron app. This step-by-step guide will help you set up a modern, professional-looking Electron application with seamless navigation between pages.
    We will cover the following topics:
    1. Setting up an Electron project with a proper folder structure.
    2. Creating reusable components and defining pages using React Router.
    3. Implementing a responsive navigation bar with a hamburger menu for mobile screens.
    4. Customizing global styles for your app using CSS.
    5. Setting minimum width and height for the Electron app window.
    By the end of this tutorial, you'll have a fully functional Electron app with a responsive navigation bar and smooth routing between different pages. Join us as we dive into the world of Electron and React to create a modern, professional-looking app.
    Don't forget to like, comment, and subscribe for more tutorials!
    LINKS: linktr.ee/arsl...
    Please don't forget Like, Comment and Subscribe if you're new!

ความคิดเห็น • 10

  • @johnch1p
    @johnch1p ปีที่แล้ว +1

    I'm seriously digging this tutorial series bro. Great real world example project with an awesome tech staxk. Love how easy to follow your videos are - nicely done. Looking forward to the next one, I dropped a like 👍👍👍

    • @arslan99
      @arslan99  ปีที่แล้ว +1

      Thank you 😎 I'm glad your liking it 😆

    • @johnch1p
      @johnch1p ปีที่แล้ว +1

      @@arslan99 np bro -- I should be thanking you. This series is super helpful and relevant to what I am developing at work. Truly great content 💯 😎
      Found a spelling error in my original comment lol. 🤦
      *Tech stack

    • @arslan99
      @arslan99  ปีที่แล้ว +1

      @@johnch1p oh wow thank you so much. It does mean a lot to me that when people tell me that's a content does help him out but the end of the day that's all they're thinking that really matters to me is that it actually helps someone out I'm really glad that it does help you out and helps you out in what you're developing

    • @arslan99
      @arslan99  ปีที่แล้ว +1

      @@johnch1p ahaha I didn't even notice 🤣

    • @johnch1p
      @johnch1p ปีที่แล้ว +1

      @@arslan99 facts man. It feels good to be able to help others. I can't tell you how grateful I am that I found your channel. I am looking forward to your next upload.
      Also, the fact that you take the time to reply to peeps in the comments and open to feedback shows me you are a good person. I'm a strong believer in karma and know that all your hard work and kindness will pay off.
      And ya I didn't notice either until you replied lol 😂

  • @manhnguyenhuu6985
    @manhnguyenhuu6985 ปีที่แล้ว +1

    what happen when you using "window.open('/route','_blank').
    I take a load failed error

    • @arslan99
      @arslan99  ปีที่แล้ว

      Do you mind telling me at what point in the video you saw that lol I sorta forgot 😅