ReactJS Course [8] - React Router Dom | Routes in React

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

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

  • @joeakatsa2270
    @joeakatsa2270 7 месяцев назад +2

    hello pedro you might not see this but thank you ive followed your channel for a while now and youve helped me so much in my personal dev journey even when i went to school i found myself refering to your clips everytime thank you

  • @mrbeats94400
    @mrbeats94400 2 года назад +17

    Thanks a lot Pedro, your videos are realy clear and simple. Appreciate a lot the effort you put on your video! (from France)

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

    Clear, concise and to the point and no fluff. Well done man. Keep up the good work!

  • @adamlahchimi-zb9rc
    @adamlahchimi-zb9rc 2 месяца назад

    i'm not biased when i say you are the best person explaining web dev on youtube

  • @Afreshio
    @Afreshio 2 года назад +2

    this was amazing. simple, to the point. pretty clear.
    subbed and liked.

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

    Excellent, Pedro! I will go through all your videos and learn ReactJS from you.

  • @38911bytefree
    @38911bytefree Год назад

    Thanks Pedro !!!!. I made all up to here. Im very thankful to you, Im trying to learn and use react in my actual job, and you have helped a lot.

  • @readbeforeyoureply64
    @readbeforeyoureply64 2 года назад +2

    Man this guy explaining react >>>>>>>>>>>>

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

    Hey bro.. im in love with ur course man..this is like 2nd video im watching in your course.. but i can say ur explanation skills are of the chart. 🙌🙌🙌

  • @faizanahmed9304
    @faizanahmed9304 2 года назад +2

    Thank you Pedro for your efforts. Truly appreciate it.

  • @deekshashakyawal1008
    @deekshashakyawal1008 10 месяцев назад +1

    Thanks a lot Pedro . I appreciate your efforts! (from India)

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

    So lucid! Amazing tutorial! Thank you bro for your efforts!!

  • @eshw23
    @eshw23 2 года назад +2

    Hey Pedro, loving the series, at the end or anytime soon could you do a bigger project that makes us utilize everything we learned, such as API's and useEffect? Thanks!

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

    Hey Pedro, which React Router course did you want us to look at? You said you put the link at the top of the video but I didn't see it or in the show notes. Great video.

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

    Great video!! Thank you Pedro all your help by sharing these learning videos. Could you please let me know if you have any video on React Testing. If not kindly make one for ReactJS unit testing with best practices 🙏🏻

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

    Really grateful for this course, thanks!!!

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

    These tutorials are amazing man good luck with your future works and thank you again

  • @сойка-и8й
    @сойка-и8й 2 года назад +2

    Pedro please make a video on useReducer hook with example

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

    i was like 'pedro' dont stop then you released this video!! i check everyday to learn from you

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

    Thanks you from your work. This is very good lessons 🤩 Lesson 8 helpted me solved mistake in my beginer project.

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

    Very easy explanation, and it's a great way to deliver the message. Keep going, Pedro's

  • @pythonhacks8
    @pythonhacks8 27 дней назад

    You are the Best React Teacher

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

    When the project is built you can't access e.g. the menu page by writing the URL in the address bar as Pedro does in the video. That is because that page doesn't exist on the web server. You need to configure the web server to make that work. If you don't want to configure the web server you could use the HashRouter instead of the BrowserRouter.

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

    How would we hide the nav bar in a specific page, say the login page? There are solutions online, but they're using Switch and that's outdated

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

    Simply explained, thanks!

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

    Excellent one! thank you

  • @alexandrodisla6285
    @alexandrodisla6285 2 года назад +2

    Hey Pedro. Where’s the link for the react-router-dom course. Or is it the learn react with 6 projects?

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

      I link it in the video as a card popup!
      ruclips.net/video/UjHT_NKR_gU/видео.html

  • @i-001
    @i-001 2 года назад

    Thanks, made it easy to follow along for me

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

    very clear, thank you. please keep on more if you can create new Course Full-Stack-Project usind NestJs and MongoDB with React :)

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

    How can I render only login page in react-router-dom,i dont want the header and footer page to appear in login page

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

    Спасибо за видео (from Russia)👍

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

    Thanks alot pedro

  • @2ameridiem
    @2ameridiem 8 месяцев назад +1

    why do we use curly braces while defining the element property for the error page? the element property is in html and i thought we use curly braces only when we need to write JS. please correct me if i am wrong.

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

      The curly braces are part of the javascript aspect of the page (the Router component). The html part is what is inside the curly braces :)

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

    Many thanks Pedro

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

    So good tutorial thank you

  • @Salah-YT
    @Salah-YT 2 года назад +1

    thank u so much bro

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

    Para criar uma rota de usuario e outra de adim tem que criar




    Seria mais ou menos isso?

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

    i am watching all ur videos it is just awsome

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

    Perfect React Course

  • @JayathiMishra-kf6sj
    @JayathiMishra-kf6sj Год назад

    Thankyou Pedro yaaaaaar

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

    will you be covering context api and redux in this series?

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

    eventually i got learned too many things from u thanks a lot

  • @ИннаБогданова-к4щ
    @ИннаБогданова-к4щ 2 года назад

    best of the best videos! thanx!

  • @AliAhmad-ee6mh
    @AliAhmad-ee6mh 2 года назад

    great series
    please make one for redux also in details

  • @julia-v3p1d
    @julia-v3p1d 2 дня назад

    pedro is the best

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

    Thank you bro

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

    thank you man you are amazing really

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

    Thanks!

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

    thank you

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

    cool, how about Outlet in react-router-dom? make a video

  • @087-j.chaitanya4
    @087-j.chaitanya4 2 года назад

    great as usually

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

    hey wehre is the other react router video buddy? thanks

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

    Can someone please tell me what is the difference between React Routes and Node Js(using Express) Routes in a application?

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

    Pedro please cover MonogoDB in this series.

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

    thank you very much

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

    E o mesmo curso da codedamn ? its the same course as codedamn ?

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

      Noo

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

      @@PedroTechnologies too bad was going to join because your teaching methods are really good

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

    it doesnt work for me all it shows is blank pages

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

    tnx a lot bro

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

    Bro can you make videos on popular social media clones like Instagram Facebook maybe we got better project based learning

  • @HaandiKitchen-bs0-6
    @HaandiKitchen-bs0-6 Год назад

    dude my browser is still showing some errors...how to with it please tell me

  • @ArunKumar-zz4tg
    @ArunKumar-zz4tg Год назад

    Awesome

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

    waiting for you to reveal what would be the final project and as i said pls make it awesome 🙂🙃

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

    great videos

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

    Muito bom.
    Estou com um problema sempre que salvo o .JS ele reformata o arquivo gerando um erro, assim tenho que deixar como .JSX tem alguma ideia do que pode ser?
    JSX =
    import React from "react";
    function Form() {
    return (

    Div one

    );
    }
    export default Form;
    >JS =
    import React from "react";
    function Form() {
    return ( <
    div className = "main" >
    <
    p className = "div-one" > Div one < /p> < /
    div >
    );
    }
    export default Form;
    Valeu....

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

      It sounds like your code is being reformatted when you save it, which is causing the JSX syntax to be changed to regular JavaScript syntax. This is likely happening because you have a code editor or plugin that is automatically formatting your code on save.
      One possible solution is to configure your code editor or plugin to not reformat JSX code. For example, in Visual Studio Code, you can do this by going to "File" -> "Preferences" -> "Settings" and searching for "format" and in the settings.json add "javascriptreact" in the "files.associations" setting.
      Another solution is to use a pre-processor such as Babel to transpile your JSX code to JavaScript before running it in the browser. This will allow you to write JSX code in your source files, but it will be transpiled to regular JavaScript before it is executed by the browser.
      It's also important to note that you should use .jsx extension when you are working with React and JSX, otherwise you may face issues like this.

  • @AliAhmad-ee6mh
    @AliAhmad-ee6mh 2 года назад

    humble request for redux as soon as possible man i have watched many tutorials but still cant get it in depth

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

    Hello Pedro, I'm trying to make an onClick function on a button open a page using Link, this how i wrote my code, but th click isn't responsing
    Apply}>
    kindly help me

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

      i did some research and updated the code, the onClick event doesnt request the desired page
      ( Apply)}>
      Continue

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

      I think the route should be lowercase and without space in between like this '/startapplication'

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

      I think they changed react router dom

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

    always you are the king , i like you so much brother

  • @augischadiegils.5109
    @augischadiegils.5109 2 года назад

    ❤️❤️❤️

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

    ruclips.net/video/z0vaVoxMoSA/видео.html
    for those want latest version

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

    dont make small talk. be direct

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

    best react course that motivate me to learn it

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

    1st

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

    Thank you Sir 🙂🙂

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

    Thanks!