React Router V7 Tutorial - Routing, Nested Routes, Data Loading, Layouts...

Поділитися
Вставка
  • Опубліковано 5 лют 2025

КОМЕНТАРІ • 66

  • @indiansniper8100
    @indiansniper8100 Місяць тому +10

    Hey man you are doing great work, your channel has proven a gold mine for me as a full stack dev from past many months...
    I was just trying to find react router video yesterday, but found none except for the one you did 3 years back, then after getting home I just found that you just uploaded the brand new video on this topic.
    EDIT: Also anyone who wants to learn react after learning basics just needs to watch your channel's latest videos and he/she could master the whole react. Thanks for that too

    • @PedroTechnologies
      @PedroTechnologies  Місяць тому +2

      Thanks so much man, appreciate the support! I have very bad luck with posting videos on a topic right before a new version of the library gets released lol So when i saw RRV7 got released i immediately wanted to make a vid hahaha

  • @garywallen8061
    @garywallen8061 18 днів тому +3

    Love it! Please make more series on React Router v7!

    • @PedroTechnologies
      @PedroTechnologies  18 днів тому +1

      Stay tuned for my video tuesday 😳

    • @garywallen8061
      @garywallen8061 18 днів тому

      @PedroTechnologies can't wait!

    • @nomad4691
      @nomad4691 17 днів тому

      +1 new react Router and the ecosystem is just fantastic!

  • @prashlovessamosa
    @prashlovessamosa 4 дні тому

    Thanks man very helpful

  • @the_beckers_food
    @the_beckers_food Місяць тому +1

    I was waiting for this! Thank you!

  • @codendive
    @codendive Місяць тому +2

    Life saver Pedro 😘

  • @mateussoares7599
    @mateussoares7599 Місяць тому +3

    hey pedro, awesome content as always. do you plan on making react-router backend focused vids? api routes, auth, that kind of stuff?

  • @sahalimran7877
    @sahalimran7877 Місяць тому +2

    thank you very much for this you delivered what i asked you previously thank you

  • @moot6794
    @moot6794 22 дні тому +1

    Great tutorial, thanks so much.

  • @thinhnguyen24208
    @thinhnguyen24208 Місяць тому +6

    Awesome. Hope your react v19 videos released.

  • @akashpatil-vo5rr
    @akashpatil-vo5rr Місяць тому +2

    @pedro, You're real deal man, no bull****

  • @404-not-found-service
    @404-not-found-service 3 дні тому

    Thanks ❤

  • @dreamsachiever212
    @dreamsachiever212 Місяць тому +2

    great vid. Thanks

  • @companyusetalla
    @companyusetalla 4 дні тому +1

    Please provide tutorial on ReactRouter V7 with file-route-conventions also....

  • @RavenXplod
    @RavenXplod Місяць тому +2

    Awesome.........🎉

  • @eliuddyn
    @eliuddyn Місяць тому +1

    Amazing 🔥🔥

  • @pooja-b1f6o
    @pooja-b1f6o Місяць тому +2

    This is so much beter

  • @eleah2665
    @eleah2665 Місяць тому +1

    Thanks.

  • @andeorjindubuisi7135
    @andeorjindubuisi7135 Місяць тому

    Thanks man for this. I have been having a hard time changing the favicon but don't seem to know how. Can you please show me how?

    • @More.A-gf5rd
      @More.A-gf5rd 2 дні тому

      Import the favicon you want and replace it .

  • @Noxillio
    @Noxillio День тому

    For whatever reason VSC is giving me errors about not being able to find react-router or +types, etc.
    The dependencies are all installed, errors vary between before/after I run dev. Has something changed/broken?

  • @mrinalg4600
    @mrinalg4600 Місяць тому +1

    Great work 🫡
    please make more like these so can learn ts

  • @GilbertoAlbino
    @GilbertoAlbino 8 днів тому

    What VS code theme are you using?

  • @ramprasadchauhan7
    @ramprasadchauhan7 Місяць тому +2

    Please make full stack project with this framework, how to create api. I want to explore this framework as full stack, but not much content found. If make simple like todo application not use another service, using framework how to create backend.

  • @cebolla_arzate
    @cebolla_arzate Місяць тому

    Gracias por el vídeo c:

  • @istiakjisun9233
    @istiakjisun9233 5 днів тому

    how can we do the protected routes?

  • @andeorjindubuisi7135
    @andeorjindubuisi7135 25 днів тому

    Please man help me out on how i can change the favicon icon on the react router framework.

  • @unknownab4088
    @unknownab4088 Місяць тому +7

    updated react course please

    • @PedroTechnologies
      @PedroTechnologies  Місяць тому +6

      Im in the process of recording a huge one! Releasing in January!

  • @diegotoro527
    @diegotoro527 11 днів тому

    Being playing around and reading the docs and don’t understand how the auth should work with the client loader. I mean seems like it always fires before any route matches and no access to sessionstorge nor localstorage

    • @More.A-gf5rd
      @More.A-gf5rd 2 дні тому

      I didn't reached there , but I think that action method seems like solution to your question.

  • @Xjdjdhdh-tr2jq
    @Xjdjdhdh-tr2jq Місяць тому

    Hi Pedro, in my project I use react router to navigate,.
    But every time I change from /feed to /chat , then I go back to /feed, because I used "useEffect( ,[ ] ) " to fetch posts, the posts rerenders.
    Is there a method to cache the previous posts , so that change the route doesn't re-render the previous page ?
    AI says context API/Redux/react query/localStorage . What do you recommend? Thanks!

  • @brajagopalmukherjee1588
    @brajagopalmukherjee1588 Місяць тому +1

    Hi pedro just wanted ask will this llm are going to affect frontend engineer?

    • @PedroTechnologies
      @PedroTechnologies  Місяць тому +1

      You mean ai in general? It will affect everything, but people are always scared of big changes. It never really replaces everything immediately, I believe we will see more and more programmers using ai for their jobs. If there is going to be a time where AI completely anihalates the need for programmers, it will be slow enough for programmers to adapt and migrate to other industries

  • @BalajiA-s5m
    @BalajiA-s5m Місяць тому

    How can I prevent the entire app from breaking and rendering the global error boundary in the framework, when an error occurs on a specific page? Instead, I want the app to continue rendering as usual while displaying the caught error as a toast notification. How can this be achieved?

  • @afzalhamdulay
    @afzalhamdulay 7 днів тому

    i have a question. i havent learn typescript yet. and is have seen that react-router automatically generates a typescript project. can i generate a vanilla javascript react-router v7 project?

    • @avneetsng
      @avneetsng 6 днів тому

      Use any Ai assistant to convert the typescript files to javascript. You can try using Cursor, github co-pilot, Trae for this work and write a prompt saying "convert all the typescript files to javascript and delete all the unwanted files from this project"

    • @More.A-gf5rd
      @More.A-gf5rd 2 дні тому

      The most feasible solution is to learn ts

  • @Gitago
    @Gitago Місяць тому +2

    at 30 seconds or so you need a cut due to leaving in duplicate audio section it seems

  • @rakerzz881
    @rakerzz881 Місяць тому

    is supports for js

  • @VithorSilva-k2p
    @VithorSilva-k2p Місяць тому

    What is vscode theme?

  • @dhanarajccs
    @dhanarajccs Місяць тому +1

    Hi @Pedro,
    could you please pronounce the technical concepts slowly?
    In React Query, I misunderstood some technical terms while teaching useMutation..

    • @PedroTechnologies
      @PedroTechnologies  Місяць тому

      Sorry about that! Will keep that in mind for future vids 🙌

    • @dhanarajccs
      @dhanarajccs Місяць тому

      Thank you so much for your addressing @Pedro ..

  • @moneyDev1111
    @moneyDev1111 18 днів тому

    how to make protected routes................

  • @unknownman1
    @unknownman1 Місяць тому

    14:05

  • @zihuatenejo
    @zihuatenejo Місяць тому +1

    I'm a total noob and I'm still confused after all this...

  • @compulsiveamv1504
    @compulsiveamv1504 Місяць тому

    The problem with the loaader is that it caannot be passed directly to a component its need to be passed in a parent thats a huge turn off

  • @iamsanish10
    @iamsanish10 Місяць тому

    First here 😅

  • @alexon2010
    @alexon2010 Місяць тому +1

    Achei bem confuso a explicação, parece meio fora de contexto....

    • @PedroTechnologies
      @PedroTechnologies  Місяць тому +1

      Boaa, sempre procuro melhorar meus tutorias :) Tem alguma coisa em specifico que achou confuso? Posso ajudar aqui nos comentarios!

  • @RyuDev_
    @RyuDev_ 18 днів тому

    16:05