React JS Tutorial - 14 - React Router and Multiple Pages in React for Beginners | Add Pages in React

Поделиться
HTML-код
  • Опубликовано: 27 ноя 2024

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

  • @idocoding2003
    @idocoding2003 Год назад +10

    I learned much more than any other video😂😂😂. You are the real gigachad 🗿

    • @Devtamin
      @Devtamin  Год назад

      Thank you for a comment

  • @onyekachiebiringa2918
    @onyekachiebiringa2918 Год назад +6

    Thank youuuu 😭 so much...wish RUclips has a Love reaction button...your video just helped me scale through a huge roadblock right now.. thanks 🙏

    • @Devtamin
      @Devtamin  Год назад

      You're so welcome! Please, subscribe

  • @PanCk-x3m
    @PanCk-x3m Год назад +11

    I am a new React learner in a real project of my company I'm stuck with page link many long time , and I'm appreciated for you. Thank you.

    • @Devtamin
      @Devtamin  Год назад +1

      Glad it was helpful!

    • @mohammadamiri1309
      @mohammadamiri1309 7 месяцев назад +1

      This is very easily
      And I And I learned about the pages link from this tutorial

  • @derbytm3488
    @derbytm3488 Год назад +3

    the best tutorial on this so far, thanks Sanee

    • @Devtamin
      @Devtamin  Год назад

      You're very welcome!

  • @KalmanWebDesign
    @KalmanWebDesign Год назад +2

    I love the miter saw in the background. 🤣

  • @mindylee5023
    @mindylee5023 9 месяцев назад +2

    Thank you so much. This video is very helpful and ease to understand!

    • @Devtamin
      @Devtamin  9 месяцев назад

      Glad it was helpful!

  • @shrutilenka1420
    @shrutilenka1420 Год назад +1

    thanks a lot sir..when the youtube videos getting highest likes and views couldn't help me,ur one help me tackle the issue.huge respect sir

    • @Devtamin
      @Devtamin  Год назад

      You're welcome. Please, subscribe

  • @kaddzio2787
    @kaddzio2787 Год назад +1

    From today I am your a new student thanks video was very helpful😊😊

    • @Devtamin
      @Devtamin  Год назад

      Glad it was helpful!

  • @revwrapz8279
    @revwrapz8279 Год назад +1

    legend thank you, fighting a dapp id been using li on could not work out hwo to integrate this correctly for the life of me haha thank you so much

    • @Devtamin
      @Devtamin  Год назад +1

      Glad it helped! I really appreciate your comment. Pls, subscribe

  • @armaan73
    @armaan73 Год назад +7

    Amazing tutorial. I am new to react and this helps me a lot

    • @Devtamin
      @Devtamin  Год назад

      Glad to hear it! Please, subscribe

  • @uchihamadara7248
    @uchihamadara7248 Год назад +2

    fuck i love how you go to the website and teach this man i love what you did. I couldnt understand how other guys in youtube were writing these codes made me feel so unconfident while learning this. I hope you teach all of the other things in this style sir
    subbing to you

    • @Devtamin
      @Devtamin  Год назад +1

      I really appreciate your comment. Please, subscribe

    • @uchihamadara7248
      @uchihamadara7248 Год назад

      @@Devtamin done sir

  • @chukwuogorchinwe3901
    @chukwuogorchinwe3901 Год назад

    thankyouu!!!! you just saved me from all the headache i was having

  • @victoriaojo3762
    @victoriaojo3762 Год назад +2

    This is a huge, huge help. Thank you so much.

  • @fokspoks
    @fokspoks Год назад +1

    thanks, man, finally some Route way that fits to my proj

    • @Devtamin
      @Devtamin  Год назад

      You're welcome !! Please, subscribe

  • @rc246
    @rc246 Год назад +1

    This is very helpful. Thank you so much.

    • @Devtamin
      @Devtamin  Год назад

      Glad it was helpful!

  • @boymatin5845
    @boymatin5845 Год назад +5

    Much better if we already knew how you made the Navbar, starting from the scratch and making something simpler could be easier to understand!

    • @Devtamin
      @Devtamin  Год назад +4

      This video is 14th. if you want to make Navbar, you can go to the playlist and watch previous videos. I hope it helps. Please, subscribe

    • @boymatin5845
      @boymatin5845 Год назад +2

      @@Devtamin cool, Yes, subscribed, excited to see new stuff😎

  • @alexeivodopianov5440
    @alexeivodopianov5440 Год назад +1

    Excellent Tutorial. Thank you.

  • @kaskilelr3
    @kaskilelr3 Год назад

    Thank you, this video was super helpful :) Subscribed

  • @samsamson1414
    @samsamson1414 Год назад +1

    thank you! very helpful. i wish i can give more likes

  • @chamukaumesha2463
    @chamukaumesha2463 11 месяцев назад +1

    thank you so much

    • @Devtamin
      @Devtamin  11 месяцев назад

      You're welcome

  • @abdurrazzaaqoniyide4129
    @abdurrazzaaqoniyide4129 Год назад +1

    Thanks. Keep up good work

    • @Devtamin
      @Devtamin  Год назад

      I appreciate your comment. Pls, subscribe

  • @cptwinr
    @cptwinr Год назад

    Thank you very much for this short tutorial, you helped me!

    • @Devtamin
      @Devtamin  Год назад

      Thank you for a comment !! Please, subscribe

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

    thank you. it's really wonderful your manner

  • @SagaTholan
    @SagaTholan 9 месяцев назад +2

    Thanks man helped a Lot

    • @Devtamin
      @Devtamin  8 месяцев назад

      No problem 👍

  • @Design_Fix
    @Design_Fix 7 месяцев назад +1

    Thanks @Devtamin, you have a real vitamin-Dev

  • @jenikaretnakaran1050
    @jenikaretnakaran1050 Год назад +1

    Thank you for explaining it very well. It really helped me.

    • @Devtamin
      @Devtamin  Год назад

      Glad it helped! Please, subscribe

  • @saje_963
    @saje_963 Год назад +1

    dude omg thank you SO MUCH u are the best ltrly saved me

    • @Devtamin
      @Devtamin  Год назад

      Glad I could help!! Please, subscribe

  • @bloodmoney6126
    @bloodmoney6126 Год назад +1

    excellent stuff bro i owe you one

    • @Devtamin
      @Devtamin  Год назад

      I appreciate your comment! Please, subscribe

  • @MarcoCasalegno
    @MarcoCasalegno Месяц назад +1

    Godo video. Thankyou!!

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

      Glad you liked it!

  • @tharindumadhushan7776
    @tharindumadhushan7776 2 года назад +1

    Subscribed Im following your tutorials

    • @Devtamin
      @Devtamin  2 года назад

      Thank you so much. I really appreciate your subscription

  • @sadmanh0
    @sadmanh0 Год назад

    thank-you for the great explanation.

    • @Devtamin
      @Devtamin  Год назад

      Glad it was helpful!

  • @gabrielpatrick6923
    @gabrielpatrick6923 4 месяца назад

    Well articulated, but one thing missing, how to access those routes from within an app/website, like how do you make them a link

  • @Alim-yo3sc
    @Alim-yo3sc Год назад

    Thank you for your simple explanation!

  • @emmanueldavidokafor
    @emmanueldavidokafor Год назад +1

    Thank you very much for this

    • @Devtamin
      @Devtamin  Год назад

      Always welcome my friend !! Please, subscribe

  • @prateek1347
    @prateek1347 Год назад

    Thanks man, you are awesome

  • @shadrack3370
    @shadrack3370 4 месяца назад +1

    i loved it again

    • @Devtamin
      @Devtamin  4 месяца назад

      thank you for a comment

    • @shadrack3370
      @shadrack3370 4 месяца назад

      @@Devtamin how can i change the css of the link in a css file. i tried : .user link{
      border: yellow solid 1px;
      }
      and jsx:


      hello

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

    Thank you, this video was very helpful, but I have a question.
    How can I export this project with all the pages separated in their own files. Because "npm run build" will only build the main page and not the others.

  • @mellowhamster
    @mellowhamster Год назад +1

    amazing tutorial ty!

    • @Devtamin
      @Devtamin  Год назад

      Glad it was helpful! Please, subscribe

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

    thanks a lot , that was awesome

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

      You're welcome!

  • @mnsog5249
    @mnsog5249 6 месяцев назад +1

    TYSM SIR!

  • @HieuNguyen-wn2iz
    @HieuNguyen-wn2iz Год назад +1

    So amazing. Thanks!

    • @Devtamin
      @Devtamin  Год назад

      Thank you for a comment. Pls, subscribe

  • @shibilifavasn7407
    @shibilifavasn7407 2 года назад +1

    Good video and nice explanation.

    • @Devtamin
      @Devtamin  2 года назад

      Glad you liked it! Also, I really appreciate your comment. Please, subscribe

  • @GhazelSafwen
    @GhazelSafwen Год назад +1

    great work

    • @Devtamin
      @Devtamin  Год назад

      Thank you! Cheers! Please, subscribe

  • @semirs.2834
    @semirs.2834 Год назад +2

    Why wouldnt you want the the page to refresh whenever you go from “home” to “blog”? Great video, thank you!

    • @Devtamin
      @Devtamin  Год назад +1

      Good question! When we use React, we actually follow the concept of single page application

    • @KalmanWebDesign
      @KalmanWebDesign Год назад +1

      Would it cause any issues if the page refreshes within the react app, or is is just best practice to have it not refresh?@@Devtamin

  • @om_unique
    @om_unique Год назад +1

    Nice bro

    • @Devtamin
      @Devtamin  Год назад

      Thank you for a comment

  • @shadrack3370
    @shadrack3370 4 месяца назад

    i loved it

  • @imalkagunasekara8725
    @imalkagunasekara8725 7 месяцев назад +1

    Great

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

    were any changes applied to the 'App.js" file??

  • @geraldoa9215
    @geraldoa9215 Год назад +2

    nice and straightforward tutorial. Thank you.
    let's say I have a link within another component which is not part of the nav bar. The component is located inside a component folder. I tried using the example above for it. But I get an error on the webpage.

    • @TejasviSharma-xj6ih
      @TejasviSharma-xj6ih Год назад

      i have the same issue, i have a Navbar component inside my homepage, this navbar contains links to various pages, tell me will this method work there ?

  • @zenu5344
    @zenu5344 Год назад +1

    thanks so much bro

    • @Devtamin
      @Devtamin  Год назад +1

      Always welcome !! Please, subscribe

  • @fathah7205
    @fathah7205 Год назад +1

    thanks alot

    • @Devtamin
      @Devtamin  Год назад

      You're welcome. Please, subscribe

  • @tanksalif
    @tanksalif Год назад

    Thanks G!

  • @kaveendrakodithuwakku3593
    @kaveendrakodithuwakku3593 Год назад +1

    thank you

    • @Devtamin
      @Devtamin  Год назад

      You're welcome !! Please, subscribe

  • @softwarehardwaresemitech1872
    @softwarehardwaresemitech1872 4 месяца назад

    Can you send the link of your source code? It's a good starter pack of single website

  • @RedRhinoPlayz
    @RedRhinoPlayz Год назад

    When I deploy in Vercel I cant access these links what should i do to fix this?

  • @damithrathnayaka9324
    @damithrathnayaka9324 Год назад +1

    👍👍

    • @Devtamin
      @Devtamin  Год назад

      You're welcome. Please, subscribe

  • @nikohamil538
    @nikohamil538 7 месяцев назад

    is there a React Router link in the description or i m just too blind to see it ?

  • @hunin27
    @hunin27 Год назад

    i have a problem, when i click on a page, like home, i go to /home, and its ok. but if then i click on a page like pricing, it goes to home/pricing, but i need to go just to pricing! can you help?

    • @hunin27
      @hunin27 Год назад

      nevermind i solved it. thank you for the tutorial by the way!

  • @MohanapriyaB-c3f
    @MohanapriyaB-c3f 4 месяца назад

    is this react router version 6?

  • @boltthrowerusa
    @boltthrowerusa Год назад +1

    how to stop react app service? thank you

    • @boltthrowerusa
      @boltthrowerusa Год назад +1

      Control + C not working

    • @Devtamin
      @Devtamin  Год назад +1

      Make sure that you select the terminal before hitting ctlr+c

  • @cc-pu1pg
    @cc-pu1pg Год назад +1

    how to protect routes?

    • @Devtamin
      @Devtamin  Год назад

      You need to step up a state management and authenticate function to check if a user logs in. For example, if the user logged in, show the private components or pages. I hope it helps. I will do videos about react authentication in the future. Please, subscribe

  • @prottoychakroborty2481
    @prottoychakroborty2481 6 месяцев назад

    can i find your source code

  • @tharindumadhushan7776
    @tharindumadhushan7776 2 года назад +1

    Can you give me thw source code.git

    • @Devtamin
      @Devtamin  2 года назад +1

      Sorry sir, I forget to commit tutorial series. You might to need to start from the first video. Sorry again.

  • @IreshaAbrew
    @IreshaAbrew Год назад +1

    thank you

  • @HarshDeep61034
    @HarshDeep61034 Год назад +1

    thanks bro

    • @Devtamin
      @Devtamin  Год назад

      Any time!!

    • @HarshDeep61034
      @HarshDeep61034 Год назад

      @@Devtamin actually i didn't ended up using routing because i am a beginner and in my React App
      I had to transfer value of some states to a other page I searched for it and the only solution is redux i guess , so what i did is instead of creating different pages I conditionally rendered the different components.
      Would you like to see the results?