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

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.ย. 2024

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

  • @adamlahchimi-zb9rc
    @adamlahchimi-zb9rc 23 วันที่ผ่านมา

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

  • @joeakatsa2270
    @joeakatsa2270 6 หลายเดือนก่อน +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!

  • @deekshashakyawal1008
    @deekshashakyawal1008 8 หลายเดือนก่อน +1

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

  • @readbeforeyoureply64
    @readbeforeyoureply64 2 ปีที่แล้ว +2

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

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

  • @richardleungwoogabriel9317
    @richardleungwoogabriel9317 2 ปีที่แล้ว

    i was like 'pedro' dont stop then you released this video!! i check everyday to learn 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.

  • @satyaganesh672
    @satyaganesh672 ปีที่แล้ว +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. 🙌🙌🙌

  • @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

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

    best react course that motivate me to learn it

  • @faizanahmed9304
    @faizanahmed9304 2 ปีที่แล้ว +2

    Thank you Pedro for your efforts. Truly appreciate it.

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

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

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

    Really grateful for this course, thanks!!!

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

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

  • @bsnbhasith5666
    @bsnbhasith5666 หลายเดือนก่อน

    Excellent one! thank you

  • @user-og7de8ih4f
    @user-og7de8ih4f 2 ปีที่แล้ว +2

    Pedro please make a video on useReducer hook with example

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

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

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

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

  • @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 🙏🏻

  • @osamaayub405
    @osamaayub405 วันที่ผ่านมา

    Thanks alot pedro

  • @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

  • @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!

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

    Simply explained, thanks!

  • @i-001
    @i-001 2 ปีที่แล้ว

    Thanks, made it easy to follow along for me

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

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

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

    i am watching all ur videos it is just awsome

  • @Salah-YT
    @Salah-YT 2 ปีที่แล้ว +1

    thank u so much bro

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

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

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

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

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

    Perfect React Course

  • @user-ke9jo8dk2s
    @user-ke9jo8dk2s 2 ปีที่แล้ว

    best of the best videos! thanx!

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

    So good tutorial thank you

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

    Many thanks Pedro

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

    Thanks!

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

    thank you man you are amazing really

  • @rashmikaabeyrathna9397
    @rashmikaabeyrathna9397 9 หลายเดือนก่อน

    thank you

  • @JayathiMishra-kf6sj
    @JayathiMishra-kf6sj ปีที่แล้ว

    Thankyou Pedro yaaaaaar

  • @2ameridiem
    @2ameridiem 6 หลายเดือนก่อน +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  6 หลายเดือนก่อน

      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 :)

  • @AliAhmad-ee6mh
    @AliAhmad-ee6mh 2 ปีที่แล้ว

    great series
    please make one for redux also in details

  • @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!
      th-cam.com/video/UjHT_NKR_gU/w-d-xo.html

  • @087-j.chaitanya4
    @087-j.chaitanya4 2 ปีที่แล้ว

    great as usually

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

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




    Seria mais ou menos isso?

  • @hassamulhaq7762
    @hassamulhaq7762 2 ปีที่แล้ว

    Pedro please cover MonogoDB in this series.

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

    Thank you Sir 🙂🙂

  • @HaandiKitchen-bs0-6
    @HaandiKitchen-bs0-6 ปีที่แล้ว

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

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

    thank you very much

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

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

  • @Misterkennedy04
    @Misterkennedy04 หลายเดือนก่อน

    it doesnt work for me all it shows is blank pages

  • @noname_160
    @noname_160 2 ปีที่แล้ว

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

  • @ahmedbappy6636
    @ahmedbappy6636 2 ปีที่แล้ว

    tnx a lot bro

  • @kishorkumarsingh9072
    @kishorkumarsingh9072 2 ปีที่แล้ว

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

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

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

  • @augischadiegils.5109
    @augischadiegils.5109 2 ปีที่แล้ว

    ❤️❤️❤️

  • @ArunKumar-zz4tg
    @ArunKumar-zz4tg ปีที่แล้ว

    Awesome

  • @basitkhan3853
    @basitkhan3853 2 ปีที่แล้ว

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

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

    hey wehre is the other react router video buddy? thanks

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

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

  • @ricardob8032
    @ricardob8032 2 ปีที่แล้ว

    great videos

  • @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

  • @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

  • @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

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

    th-cam.com/video/z0vaVoxMoSA/w-d-xo.html
    for those want latest version

  • @brajagopalmukherjee1588
    @brajagopalmukherjee1588 2 ปีที่แล้ว

    1st

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

    dont make small talk. be direct

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

    Thanks!

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

    Thank you bro