How to connect Django with React 🔥 Django + React js integration tutorial (easy to follow)

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ต.ค. 2024
  • Learn how to connect Django with React
    In this tutorial we'll show you the ropes of connecting Django with React using Vite as two separate apps, all seamlessly linked together using Django Rest Framework API.
    We're keeping everything super simple. Follow along as we guide you through each step, from setup to integration, making this tech duo work hand in hand by learning about django rest framework and django cors headers packages.
    🔥 MY BEST DJANGO COURSE with discount % (Django & Tailwind CSS Udemy course) :
    www.udemy.com/...
    🔥 FREE Python OOP introduction PDF:
    ➜ pyplane.com
    🔥 Join the Facebook group:
    / djangoninjas
    🔥 Follow pyplane on:
    ➜ instagram: / pyplane_code
    ➜ tiktok: / pyplane_code
    ➜ pinterest: / pyplane
    ➜ facebook: / pyplane
    👍 Like | 🗣️ Comment | 🔗 Share | 🔔 Subscribe
    #pythondjango #djangorestframework #reactjs
    how to connect django with react, django tutorial 2023, django react tutorial, django react js project, django reactjs tutorial, django react integration, integrating django rest framework with react front-end applications, django with react js, django with react frontend, web development, python django web development, react js with python backend, react js with python django, django rest framework, django cors headers

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

  • @Pyplane
    @Pyplane  8 หลายเดือนก่อน +4

    Hello 👋Part 2 is now available: th-cam.com/video/iqlgr1AQt9Q/w-d-xo.html

  • @Pyplane
    @Pyplane  ปีที่แล้ว +41

    Hello 👋Soon I will publish a video here on the channel on Django + Docker + React js + Postgres + Pg admin. Stay tuned

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

      Can't man bring it on

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

      Great! Everything that I need for a new project! Thank u so much for your videos! 😁

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

      @FabiodeAlbuquerque thanks for the support !

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

      Sweet!

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

      what about tailwindcss

  • @Snerdy0867
    @Snerdy0867 9 หลายเดือนก่อน +3

    What a legend. A wonderful tutorial demonstrating everything straight to the point. Thank you so much!

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

      Glad you liked it 🙌

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

    Haven't touched Django in 6 months but picked it up again recently because I've been learning React. Thanks for the video I see you have a Udemy course? Looking for a sale now so I can purchase the course. Any chance your course covers API's? With Django I would like to focus more on using and creating API's versus basic crud's.
    Thanks for the excellent video you are now my go to guy for Django, thank you!

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

      Glad you liked it 💪

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

    Legend! Thank you!😭😭😭

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

    You sir, are a fookin’ weaponnnn mate 👌💪

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

      Thanks Blake! 🙌💪

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

    Sir I want to ask for notification of our future posts when someone comes first time in our website. Then I want to send notifications to them using Google firebase. Can you make a video on this topic. I need it urgently.

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

    thanks .. nice video .. i applied and all worked!

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

      👍👍👍

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

    Sir make a video on push notification in django with firebase. Love from India.

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

    Love your channel mehn. you teach me so much

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

      Glad you enjoy my content 😊🙏

  • @kohinoor2004
    @kohinoor2004 29 วันที่ผ่านมา

    Helpful 🎉

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

    How to post request because django don't allow without csrf token how to set csrf token in react?

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

    Can't wait man and plz also add material ui

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

    i saw that you have written some code for the react router can you please tell me why so

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

    Absolutely amazing 🔥🔥🔥🔥🔥

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

      Thanks! 🙌

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

    Nice!

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

      Thanks Marcos! 🙌

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

    This is good

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

    great video!

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

      Thanks Max ! 🙌

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

    But great video I love ur work

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

    Could you do the same with vue?

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

    But what whether we want to build in production ?

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

    Hi, coud you please follow it up with jwt auth and complex forms

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

      Thanks for the comment. The problem I’m experiencing is that my Django React videos have few views only and are bascially dead after few days / weeks. We’ll see how this one goes. Cheers

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

      @@Pyplane lmao

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

    Tks broooww

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

    May I have the github link for this tutorial pls?

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

    Sir could you please make part 3 for notifications django react app 🙏🙏🙏🙏🙏

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

    half of your screen is missing @ 4.46 min can't see how are you creating posts

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

    need project django with react ser!!!
    :)

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

    dude, i am still with a cors error dunno why

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

      Hey, check if you’ve added cors to installed apps, included cors middleware and you specified cors allowed origins correctly. Good luck🙌

    • @chukwudibarrah-g3u
      @chukwudibarrah-g3u ปีที่แล้ว +2

      Clear your browser cache and try again

  • @sdd67
    @sdd67 10 หลายเดือนก่อน +1

    useless video , unable to see terminal commands . What's with python manage.py tapp posts at 4:45 ?

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

    duti nahuy huyenea da nu tutorial

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

    It’s pronounced veeeet . It’s a French word that means fast I hate when people say vite Why can’t people see that? It is not English to stop pronouncing it with English pronunciation.

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

      it aint that deep

    • @danielo9902
      @danielo9902 3 หลายเดือนก่อน +1

      Why are you mad 😂😂😂 not everyone is french

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

    Nice and helpful video, thanks a lot

    • @Pyplane
      @Pyplane  10 หลายเดือนก่อน +1

      Glad you liked it 🙌