React Router 6 - Full Course

แชร์
ฝัง

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

  • @Mr_Brian
    @Mr_Brian ปีที่แล้ว +134

    Bob Ziroll is just one of the best instructors for React. I did his 12 hour course of React for beginners and I loved it.

    • @NobleOsinachi
      @NobleOsinachi ปีที่แล้ว +3

      12hrs! Beginner?! 💀💀💀💀💀💀💀💀💀💀💀💀

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

      I learned react from him too. he is the best.

    • @Arcanist1010
      @Arcanist1010 ปีที่แล้ว +5

      @@NobleOsinachi Yes and 13 hours react advanced (including the react router)

    • @dooistyping158
      @dooistyping158 ปีที่แล้ว +4

      ​@@Arcanist1010where can I find this course ?

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

      yes, me2. he did a great job at that video.

  • @TheFuneralmask
    @TheFuneralmask ปีที่แล้ว +26

    For anyone stuck around 6:40:00 requireAuth this fixed it for me:
    export async function requireAuth() {
    const isLoggedIn = false
    if (!isLoggedIn) {
    const response = redirect("/login")
    response.body = true
    throw response
    }
    return null
    }

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

      Thanks 🙏

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

      was breaking my head. Thanks for the help!

    • @MuhammadAbbas-bd4kg
      @MuhammadAbbas-bd4kg ปีที่แล้ว

      Thanks, you saved my time😄😄

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

      thanks a lot. it took me hours but I couldn't solved it.

    • @abd.alharbi
      @abd.alharbi ปีที่แล้ว

      I get a 'Body is a read-only property' error. I'm developing in typescript. Not sure if that could be a problem!

  • @njiahtata2267
    @njiahtata2267 10 หลายเดือนก่อน +3

    Bob Ziroll you are an excellent teacher. This is absolute freedom from tutorial hell.

  • @selahadinjemal7138
    @selahadinjemal7138 ปีที่แล้ว +15

    Bob Ziroll is the best React instructor that I have come across so far. His teaching styles are unmatched. unlike many other tutorials on youtube that you just follow along, he's tutorial is highly interactive and makes you do much of the work. I took his learn react course in Scrimba, I can proudly say that It is the best react course for beginners. Can't wait to work on this one!. Also shoutout to freecodecamp for finding such individuals and convincing them on offering their services for free.

  • @siddhantjain490
    @siddhantjain490 8 หลายเดือนก่อน +2

    Best course I have ever taken. The small challenges and the fact that he neither wasted time on CSS nor on making components and taught us Routing was so Fun. Also, he has given access to Figma file, so we can work on CSS skills later. More courses like these.

  • @jeyfason
    @jeyfason ปีที่แล้ว +8

    Bob Ziroll is my favorite instructor whenever i see any course prepared by him i feel like i'm in good hand for getting better knowledge. thanks Bob Ziroll for your react beginner course was real helped me

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

    ek number ka coursh hai abhi lagata hai ki ha kisi bhi tarah ka routing kar sakta hu mere tarf se 1000 topo ki salami

  • @thehelldesk5463
    @thehelldesk5463 11 หลายเดือนก่อน +2

    This course is usefull for everyone not just the beginners. Since the React Router Dom team is a bunch of trolls who never update their documentation and examples, it's a mess and a waste of time to figure out how to do a proper authentification routing. Ofc this video doesn't cover every cases as you "cheat" using createRoutesFromElement (yes i tried with a pure createBrowserRouter cause i want the object approach and it's painfull) but it's way better than the lack of official documentation. Thank you.

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

    The pitch of his voice has already told me that you are going to master react-router... Love you Bob....😍🙏

  • @lisalee7946
    @lisalee7946 11 หลายเดือนก่อน +1

    I found the best course taught by the best instructor!!! Thank you so much Bob Ziroll!!!!!! I love your class so much!! Thank you for helping me learning!!

  • @hackingwithali1929
    @hackingwithali1929 2 วันที่ผ่านมา

    9:44:42 another video seen from the GOAT of React

  • @7achak825
    @7achak825 27 วันที่ผ่านมา +1

    for people stuck in 8:40:27 u must know that defer was removed in React-Router v7. so it wont work for u in local machine with latest version of React-Router ,
    in react-router v7 you can use Await and Suspense

  • @wenatairs6629
    @wenatairs6629 ปีที่แล้ว +14

    Yes, this is what was needed after React Router was updated to this new version. Thanks FCC and thanks Bob for this amazing course. Now , time to dive in

  • @JustSkillGG
    @JustSkillGG ปีที่แล้ว +9

    Guys trust me on that.
    Bob Ziroll is definitely one of the best (if not THE best) react teachers on planet earth.
    This course will be worth it.
    ( even though we use NextJS and we don't need React Router )

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

      So if u don't need to learn them both?.. U need to learn only next js then?

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

      @@HocineKamikaz there are differences, like with everything. You can use nextjs or react router

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

    The way he breaks down the whole topic is just fantastic. Appreciate

  • @sajalgupta2204
    @sajalgupta2204 ปีที่แล้ว +6

    2:06-lesson 1- for client side routing.
    4:55-lesson 2- multi page vs single page app.
    10:12--extra local development & GitHub repo.
    12:25-L3 react router setup & browser router.
    15:40--L4 Routes
    5:12:02-- lesson 66 about the createBrowseRouter

    • @Impulse.V
      @Impulse.V ปีที่แล้ว +2

      Lmao what did they do 5 hours before? 😂

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

      Can i ask you why is this course 9h length while most of react routers tutorials are 1h or 1h and and half

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

    The Advanced course was on point and i love the way he break everything down to the pieces. It serves as my personal guide in case i get stuck on the field

  • @tusharghildiyal6814
    @tusharghildiyal6814 ปีที่แล้ว +15

    Damn never imagined a freaking 9 hours course on JUST React Router 😮
    Kudos to FCC 🔥

    • @ZM-dm3jg
      @ZM-dm3jg ปีที่แล้ว +14

      Why do you think that's a good thing lol? Waste of time, just read the docs. If you need a 9 hour course on react-router instead of reading the docs, there's probably no hope for you as a developer.

    • @phongphanthanh6878
      @phongphanthanh6878 ปีที่แล้ว +5

      @@ZM-dm3jg If you read it, you forget it. If you see it, you will remember it. If you think reading the docs is enough, there's probably no hope for you as a developer

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

      ​@@phongphanthanh6878 reading docs is a good practice and is recommended.

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

      @@riturajpathak1905 watching also

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

      @@ZM-dm3jg I read full documentations. I refer the documentation everytime i get stuck. But its good to have a course taught by a professional on how to structurally use a library. We get to learn new things ✌

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

    Bob ziroll is such a wonderful instructor he made me fall in love with react. Hope he can do a course on react query. He's competent and simplifies things down to to the grain.

  • @jaymahakaal5354
    @jaymahakaal5354 ปีที่แล้ว +7

    Pranaam guruji🙇 2 month ago i completed your 12 hour react course it helped me alot to developed my practical skills of react same goes for routerV6. Please do the same with Redux i'm seriously facing alot issues to master the ReduxToolkit.

  • @GilbertoMadeira83
    @GilbertoMadeira83 ปีที่แล้ว +19

    I've attended his react course , I can tell for sure that it was the best course of all youtube I could find! it would be perfect to wrap this series with a react native , a redux, and a nextjs course, thanks freecodecamp, you rock.

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

    for anyone who needs it (code below), regarding the Merging search params subject, this utility funciton allows to handle multiple query parameters in a single function, allowing you to create x amount of parameters, AND also adding or removing values from one specific query parameter that holds concatenated data %3, and also mixing together multiple query parms to create a more flexible filter mechanism. Keeping in mind that it's not common to have identical keys with different values, we can just cocatenate that related data in one param and separate it with %3. + other params that achieve other purposes. (this function respects other params existing in the url)
    You just need to add the event, a queryParameter parameters to the function and pass it to a component onClick attribute (the button in this case must define the attribute name which will provide the value pair for the queryParameter)
    I HAVE TO SAY THAT I'M LEARNING A LOT, THANK YOU SO MUCH
    const addQueryParam= (ev, type) =>{
    let value = ev.target.name;

    if(searchParams.has(type)){
    let param = searchParams.get(type).split(":");
    if(param.includes(value)){
    let newParams = param.filter(ev => ev !== value);
    setsearchParams((prev)=> {
    newParams.length===0 ? prev.delete(type) : prev.set(type, newParams.join(":"));
    return prev;
    })
    }else{
    setsearchParams((prev) => {
    prev.set(type, param.join(":").concat(`:${value}`))
    return prev;
    } )
    }
    }else{
    setsearchParams((prev) => {prev.append(type, value)
    return prev;
    });
    }
    }
    For clarity
    addQueryParam(e, "filterBy")} >Simple

  • @jacktorres5871
    @jacktorres5871 ปีที่แล้ว +6

    Very awesome course! Loved the instructor and loved how Scrimba works, though I still mostly ran the project locally to get familiar with the dev workflow and to save my code edits for each section separately. I learned an incredible amount of info from this, thank you FCC and Bob!

  • @GeorgeAbutiate
    @GeorgeAbutiate 6 หลายเดือนก่อน +1

    Bob you should try and do a course on redux because you ae just the best teacher i have ever seen any where in this world

  • @Sara-rg2wq
    @Sara-rg2wq ปีที่แล้ว +7

    this is literally the best course ever i could not thank u guys enough + im really grateful for all the the hard work that u r putting in these courses

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

    Best Video on React Router Dom 😇😇😇😇😇😇😇😇😇😇😇
    Guru ji you are the best

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

    Bob Ziroll is the god of react thanks man

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

    I have never seen a best teacher like Bob ZIroll

  • @gabrielgomesmabiala6707
    @gabrielgomesmabiala6707 ปีที่แล้ว +4

    I love the way that Bob Ziroll Teach great job thank you so muach for making this available for freen see you on scrimba

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

    At 8:25:05 are you coding something behind the floating browser? Something broke after this and the github files don't have the finished version.

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

    Bob ziroll is a beast i learnt react from his course and cany wait to start this course

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

    I am a simple man, I see bob ziroll teaching a course, I tap on it

  • @FaySaud-j3l
    @FaySaud-j3l ปีที่แล้ว

    Bob ziroll is a powerful teacher, incredibly helpful course🙏 would love to see a course like this for react hooks

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

    Also i think Bob should do a full course from scratch to the top how to build a full react e-commerce site because some of us love to see it done from a great teacher like Bob and we can do it ourselves

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

    One of the best tech teacher.

  • @exe.m1dn1ght
    @exe.m1dn1ght 11 หลายเดือนก่อน

    Bob Ziroll, you are a great Master, thank you so much for this exceptional tutorial !!

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

    Best react-router course:)

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

    This guy is too good.... Glued for 2 hours and still counting

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

    2:19:29 I love your teaching methodology, thanks :3 see u at the end of the course

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

    thank you Bob Ziroll you did a great job .i love this video you make it easy and Cristal clear .

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

    My life was never eazy...
    But after watching this tutorial
    The next one gon' be eazy...

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

    thanks for the new knowledge about react-router bob, what a great free course

  • @ahmedwael3919
    @ahmedwael3919 ปีที่แล้ว +4

    I have a problem with redirect(url) function, it doesn't redirect me to the login page.

  • @Tr1ckyP1cky
    @Tr1ckyP1cky ปีที่แล้ว +14

    For anyone that's stuck on the protected routes, the error that you're getting might be because of Mirage JS not being able to play well with react-router version 6.4.5. There's two options to fix this, either downgrade your version or try this hacky code that bob helped me with
    export async function requireAuth() {
    const isLoggedIn = false
    if (!isLoggedIn) {
    const response = redirect("/login")
    response.body = true
    throw response
    }
    return null
    }

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

      Thanks, helped a lot 😊

    • @JavadMoghaddam-dq9bd
      @JavadMoghaddam-dq9bd ปีที่แล้ว

      Hi,
      I have a problem here . when the isLoggedIn is set to false it works correctly and redirects me to login page , but when it is set to true , after clicking on Host an error shows up :
      Unexpected Application Error!
      You defined a loader for route "0-5-0" but didn't return anything from your `loader` function. Please return a value or `null`.
      does anybody have the same problem!??

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

      @@JavadMoghaddam-dq9bd you need to return null or function where youre calling your authRequire

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

      thanks buudy, saved my day

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

      Thanks bro, you just saved me days of trying to figure this out.

  • @phanikishanyt
    @phanikishanyt ปีที่แล้ว +4

    We need an exclusive course covers all the hooks please

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

    7:36 my redirect () is not redirecting to host please any with solution shall help me

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

      return window.location.href = '/host';

  • @favourz1
    @favourz1 ปีที่แล้ว +6

    Thank you Freecodecamp,
    You all put in a lot of work and i appreciate you all big time.
    You release vids & tuts in line with my learning journey. Respect 🤝

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

    He has a brilliant teaching skill ❤. I love his teaching method

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

    After learning react for beginner's much helpful to me ! Thanks so much to Bob's Ziroll and free code camp community ❤, hope that would interesting too !

  • @O1L2E3G
    @O1L2E3G 11 หลายเดือนก่อน +1

    Tnx for ur work. I didn't watch the whole thing,
    But since you have a separate protected route (branch) (../host/..), why didn't you bring the authorization logic into the parent loader?
    Are you really going to duplicate the authorization logic into the each loader in all nested routes? What about : ../host/warehouse/add/product/...?
    await requireAuth(request)}
    >

    .....

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

    Great as usual. Appreciate the update. I hope he makes a video on the new redux tool kit and react 18 new features. Next JS solves most of these routing problems but not every company uses it, and learning next JS becomes much easier if you know how to do this routing manually.

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

    Great tutorial the best I have seen but one improvement u can add deesser on your mic sound the sounds like sss and tss are not so sharp and will not cut my ears

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

    This video helped me a lot! Thank you!

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

    2024, help please why if I refresh the page of "/vans" its giving me:
    Error: Unexpected token '

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

    It's almost like you knew I needed this.

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

    scrimba and bob ziroll helps me alot !!!!!!!!!!!

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

    learning react with bob is amazing ♨♨

  • @KrishnaKumar-qx1mk
    @KrishnaKumar-qx1mk ปีที่แล้ว

    I completed his react course and I was searching some other courses for Practice, but none of them were as good as his react course

  • @danielsegura6594
    @danielsegura6594 ปีที่แล้ว +3

    I was looking for a complete React Router v6 course long time ago! Thank you so much!

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

    I loved Bob's React course. This will be fun coding allong.

  • @AbinJose-up2dj
    @AbinJose-up2dj 8 หลายเดือนก่อน

    Does react router resolved downside mentioned at 6:12:47 ?

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

    Awesome course 🔥🔥🔥

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

    So I haven't really tested this fully but @6:12:39 wouldn't it be a little less tedious to have a `authLoader` wrapper around those protected loader?
    Something along the lines of
    ```
    function authLoader(loader) {
    return async (...args) => {
    const isLoggedIn = true;
    if (!isLoggedIn) {
    return redirect('/');
    }
    return await loader(args);
    };
    }
    ```
    That way you can just wrap your loader in Routes instead of adding that logic across all your protected loaders.
    Kinda like this:
    ```
    ```
    Or is there some downside or perf penalties that I'm not seeing here?

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

    This is awesome. I'd love to see a video like this that is dedicated to just React Hooks and then Redux.

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

    thanks a lot for lesson. Would be nice to see to prevent a page reload or route change when the user leaves the page.

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

    gys , I have a question , how much time did you spend in this course?

  • @ArdhiSasongko-h7p
    @ArdhiSasongko-h7p ปีที่แล้ว

    Great tutorial that i ever watch so far about react router

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

    9:44:40 but you are getting a thousands of elements and then you are filtering them based on the query param..is that ok? Can't you just retrieve already filtered data from an API based on the query param?

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

    Thanks for the awsom video. I'm using router dom v6.11 and have problem redirect host and its child components to login page. It either breakes or does not navigate to login. I already tried useHistory and useNavigate, but have the same issue. Could be that the backend has some problem with this version?

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

      import { redirect } from "react-router"
      export async function requireAuth() {
      const isLoggedIn = false
      if (!isLoggedIn) {
      const response = redirect("/login")
      response.body = true
      throw response
      }
      return null
      } use this... issue is from mirageJS and the latest version of RRD

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

    Could you make video where you teach “outlet” from react router dom ? Did not find any video about it !

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

    redirect() is not working when doing in localhost.
    Any ideas to fix this

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

    Could you make video where you teach “outlet” from react router dom ? Did not find any video about it

  • @edward_cullen.07
    @edward_cullen.07 ปีที่แล้ว +2

    Always incredible 👍👍👍.

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

    7:36:57 l 7:44:24 The redirect to /host page after login button is not redirecting

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

      I am try to solve this problem but I couldn't. Have you solved this ?

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

      Not yet, I went to react router website to read it and it was the same code and I wonder what is wrong

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

      ​@@zubairLanre somebody solved the problem. You should search for it below on comments

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

      Please I have there too, did you have solutions for it please

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

    I am a simple man. I see Bob - I press like.

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

    Ignore this:
    3:36:55 : when to use query (sharable)

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

    Amazing Course. Thanks!

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

    It's Going well upto first 7:30 hrs. But after it...I pray. When it( basturd ). Will be finish. frequent saw ti
    me... over all totally bored.😢

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

    Thanks a lot for such great course!!!

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

    Thank you all information you gave us

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

    5:46:35 After creating an Error element and logging error from useRouteError hook i got ressponse with status 200 OK, i already change server.js with - return new Response(400, {}, { error: "Error fetching data" }); What i see is:
    Error: You defined a loader for route "0-2" but didn't return anything from your `loader` function. Please return a value or `null`.
    I can see error only when i throw it at the start of the function, because response is always 200.
    Maybe some troubles with Mirage js or because i have a new version of router v6.10

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

      You'll need to make sure you're returning a value from your loader, even if that value is `null`. But yes, Mirage JS has been causing lots of issues with React Router ≥6.4.5. which is very unfortunate for me since I just happened to record so much of the course in v 6.4.3 and 6.4.4 🤦🏻‍♂.

  • @carlosa.lermaramirez2580
    @carlosa.lermaramirez2580 9 หลายเดือนก่อน

    When I use actions, I can't put on the loading button ?

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

    at 28:34 why nav > a? why not nav > Link??

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

      Link is a component and CSS doesn't know about the react components you create, so usually we style the jsx elements inside our react app, and I'm guessing that inside of Link there are some functionalities that prevent refreshing the page while using the anchor tag ( which we style )

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

      @@ahmadhs1381 thank u bro

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

    dose anyone know what middleware he is talking about for protected routes?
    and if its out yet.

  • @pierre-emmanuelwulfman104
    @pierre-emmanuelwulfman104 11 หลายเดือนก่อน

    I am a bit confused about the chapter on protected routes. I want to use this in my app because I don't want to trigger a request which will return a 403 unauthorized and show a skeleton page.
    What I am confused about is the use case that is described here :
    1. Having sensitive information in the front-end
    2. Avoiding to make a request that would leak sensitive information.
    This the js code is availiable on the browser (just open the dev tools). Even if you cannot access the page cannot you read the js code of the page ? If so, you can just read the secret. Similarly, you can also see the code of the fetch that leak the secret.
    My point is that this is a bad use-case and a bad solution to the use-case. We want to protect some route but if you want something to be secret you need to have it in the backend, not the front-end and ensure that it is only availible trough authorized endpoint

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

    is not rendering the component to prevent unauthorized usage of the service is a good way to protect the service?

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

    please there is an issue when cloning the repo to get the assets , It tells me that its been deleted
    with `git status`

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

    Question: Seems some UI part we don't need or MUST use route, right? Like /host/vans/:id vansDetail page, bottom 3 tabs, we could use components to show/hide them directly? So how should we tradeoff when it should be route and when it should not.

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

    incredibly helpful. thank you so much for your time !

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

    plz do more react videos on each topic like this in depth

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

    Hey Gang i am trying to find the context api course but i couldn't on youtube by Bob Ziroll . If any of you have the link please share.

  • @dieguin5493
    @dieguin5493 ปีที่แล้ว +3

    is it still worth learning to code when it exists already AI like chatGTP? It is not sarcasm, on the contrary, it is a serious question.

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

      chatGPT is just a tool

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

    What is the alternative way of using prompt in react-router-
    dom since it's no more available on version 6.15?

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

    Any link or any other resource fr me to learn context api & redux....?

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

    I have a question if u have a async fetch function that u return await res.json() do you need to await it when u call it in the loader? Shouldn't it be resolved?

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

    I can' t deploy the finished project at netlify. I took the code from the last scrim, pushed it with git, but I get an error. [vite]: Rollup failed to resolve import "react-icons/bs" from "/opt/build/repo/pages/Host/Dashboard.jsx".
    12:16:32 PM: This is most likely unintended because it can break your application at runtime.

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

    2:56:00 completed

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

    If we're using a loader to pass data into the component, how can we use the loader to pass more than 1 API call into the component and how can I run it parallel so that when there's a return promise for one API, the component open up and other promises resolve and display when done.

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

    Hey i faced with an error in requireAuth() in loader it doesn't work.

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

    while using loader={async () => await requireAuth()} I'm facing an error .can anyone help me?