Fullstack App with Session-Based Auth in Django & React.js (Vite)

แชร์
ฝัง

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

  • @keshavvyas2885
    @keshavvyas2885 11 หลายเดือนก่อน +10

    Amazing, was looking everywhere regarding how to integrate react (vite) wit django, you made it so simple. The main part was including base: '/static/' in vite file, that made the difference which I was not able to find anywhere else.... Thanks man!!!!!

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

      You are very welcome, my friend, glad it helped you :)))))

  • @thorsteinssonh
    @thorsteinssonh 13 วันที่ผ่านมา

    very very useful, thank you Bek Brace !! - I was wondering if we would need anything like djangorestapi, but looks very simple this aspect of authentication with vanilla django install. This tutorial is also very useful for anyone not wanting to use React as frontend, btw. Could call is django as backend + with any other frontend framework!

    • @BekBrace
      @BekBrace  13 วันที่ผ่านมา

      Glad it was helpful, friend- and i couldn't agree more, this is very useful for those who prefer to work on the backend side more than frontend, and it's as efficient!

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

    Sir please make a course about django full stack , your teaching is straightforward than other youtubers

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

      Thank you my friend. You mean more tutorials with Django in full stack apps ?

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

      @@BekBrace yes sir tutorials rather sir

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

      sir when I logged in it shows an error on console
      Error: Internal Server Error
      at isResponseOk (index-5369d346.js:45:5202)

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

    Thank you very much, kind person, I definitely like and subscribe, it helped me a lot with the Vita assembly

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

      Thank you so much, this makes me so happy 😊🙏

  • @SebastianTapiaqweasd
    @SebastianTapiaqweasd 9 หลายเดือนก่อน +1

    52:03 I felt that! One of the worst feeling, correct something and still not working!

    • @BekBrace
      @BekBrace  9 หลายเดือนก่อน +1

      Yeah, so frustrating and sometimes I feel it's better to sell potatoes than to work in programming !

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

    This is a great tutorial. It is pretty straight forward. Can we make more full stack app with DRF as backend and React as Frontend with authentication, roles

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

      @@davidmukoro1166 Yes, absolutely

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

    I'm amazed by the fact that at minute 10:10 you wrote "passowrd" instead of "password" and it worked the same way

    • @juanpedroreyesornelas
      @juanpedroreyesornelas 9 หลายเดือนก่อน +1

      lmao, I just found out that it was because the login from the frontend wasn't used haha

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

    Which one is more convenient to create django form, CreateView or forms.ModelForm? When to use which one? Please help!

  • @JasonNgai-zk9fp
    @JasonNgai-zk9fp 7 หลายเดือนก่อน

    I encounter a problem, the response of .js in the index.html type is text/plain, how can I solve this problem?

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

    Could you also show how you access the cookie when httponly is set to true for both csrf and session?

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

      That would require a separate video, I don't promise that soon, but I will do it

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

    Thanks Bek! Your tutorials are useful as always

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

      thank you so much

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

    what's the thing that shows the details of the render method at 19:14 ? thanks for the video.

  • @mkbrothers2348
    @mkbrothers2348 7 หลายเดือนก่อน +2

    Sir i have a error shows index-5369d46.js not found

    • @BekBrace
      @BekBrace  7 หลายเดือนก่อน +2

      Hey brother, I'll look into that error tomorrow and get back to you with the answer 🙂

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

    why did you use class based component instead of function based component in react?

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

      I chose to use a class-based component instead of a function-based component in React because I needed to manage local component state, and class components provide a straightforward way to do that using the state object. Additionally, I found the lifecycle methods of class components helpful for handling actions like component mounting and updates. While functional components with hooks are popular now, in this case, a class component felt like the more straightforward and familiar choice for the specific needs of the component, but feel free to use function based component

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

    best tutorial never have

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

      never ? :D Thanks my friend

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

    Sir my frontend content is not visible in django local host

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

    how to test out api integrations while in development

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

    BRO I DID ALL, I HAVE PASSED FOUR DAYS TRIUNG TO FIX IT. BUT , NOT FIND THE main.jsx in src, i tryed all. can you help me. i aprecciate it so much, great job, thanks.

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

      How can I help you?

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

      @@BekBrace So much Thanks, sr. i reach it

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

    Would have been better to see this with AllAuth rather than the custom Auth app you built.
    Django AllAuth + Django REST is pretty much the standard for Django.

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

      🙏Thank you for the feedback on the tutorial. Your suggestion is very valuable, and I might turn it into a tutorial.✨

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

      @@BekBrace Awesome, waiting for it!

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

    Thank you for the video, i followed it and about to launch my project, however, my images are not being served from my dist. it shows 404 page. is there a separate config for images?

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

      Yes. Find a video on the channel about rendering css, javascript and images in Django | this should answer your question.

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

    Question: what's the thing showing auto-complete menu for the terminal command history?

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

      Take a look to my video on how to customize powershell, you can customize your terminal exactly like mine

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

      Thank you; will take a look

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

    Thank you so much for this great tutorial !!

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

      thank you so much

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

    Nice....first time seeing a react tutorial using a class based component in React....phew!! Good to know how simple it is using class based components, but not sure why the whole world is running after functional based components...thanks anyways 👍 ....also please share the correct github repo link ...its not accessible to me....thank you

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

      Cheers! repo is working fine now, it was set to private, now it's public

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

      Class components with extra boilerplate codes and "this" reference? No thanks. Functional component is better.

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

    Very nice work great work

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

    Which terminal settings you are using?

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

      Watch my "Customize powershell terminal " video

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

    Great Job as usual !!!! Thanks a a lot Bek !

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

      Thank you so much, brother

  • @ThắngPhu-z1t
    @ThắngPhu-z1t 7 หลายเดือนก่อน

    What's theme you using in this video?

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

      i think Kanagwa, i don't remember

    • @ThắngPhu-z1t
      @ThắngPhu-z1t 7 หลายเดือนก่อน

      @@BekBrace Thank you

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

    how is react now still better for classbased views?

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

      is this a real question or rhetorical one ?

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

      @@BekBrace I can't remember why I did ask this question last month.. but I think it's because I saw you using class based components and mostly saw and personally only using function base. also the new hooks and features of react is function based hooks. just realized the video is 10 months ago 😁😁

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

    Thanks!

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

      You're welcome! Thanks for watching!

  • @vladyslav-py-js-cs
    @vladyslav-py-js-cs ปีที่แล้ว +1

    Thanks a lot😁

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

      You're welcome 🤗

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

    Thanks Bro

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

      You are very welcome, Madhur :

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

    amir is also my name xd
    luv ya m8 💪

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

      Awesome brother 😎

  • @theweakmaybegoodbuttheys-oh3zo
    @theweakmaybegoodbuttheys-oh3zo 10 หลายเดือนก่อน

    20:40 ,27:04 ,

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

      ?

    • @theweakmaybegoodbuttheys-oh3zo
      @theweakmaybegoodbuttheys-oh3zo 10 หลายเดือนก่อน

      for my personal reference@@BekBrace

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

      @@BekBrace He's putting timestamps to watch later

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

      Ah ok, sorry 🙂

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

      Got it, thank you 🙂

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

    trying to follow this tutorial i get this error: Forbidden (CSRF cookie not set.): /api/login/

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

      Thanks for your question, i can't however check your code, maybe you missed something out; you typically need to ensure that your client application includes the CSRF token with the request | Check that and let me know

  • @JasonNgai-zk9fp
    @JasonNgai-zk9fp 7 หลายเดือนก่อน

    I encounter a problem, the response of .js in the index.html type is text/plain, how can I solve this problem?