How to use React with Django (in 10 mins) ⚛️

The simplest way to set up a React.js frontend and a Django REST API backend
✍️ Written guide here: www.photondesi...
💡Generate UI (for free) here with Photon Designer: app.photondesi...

[@zidayouzi]

Thank you ! I'm looking forward to your updated part 2 , including how to deploy both to production , add authentication 🙂

[@tomdekan]

You're welcome. I've just posted the written guide here (including auth, but not yet production): www.photondesigner.com/articles/react-auth . Video coming soon 🙂

[@almerstaal351]

Most underrated Django channel!

[@tomdekan]

Appreciate you saying that 🙂

[@MAhmad-tg]

Your channel man, is a hidden gem! Keep up the great work!

[@tomdekan]

Thanks 🙂 Will do!

[@zidayouzi]

nicely done! thank you! I'm looking forward to your updated part 2 , including how to deploy both to production ,add authentication。

[@tomdekan]

Coming soon!

[@its-cess]

​@@tomdekan I'd also love to see part 2!

[@tomdekan]

​@@its-cess Thanks Cess! The written guide for part 2 is here: www.photondesigner.com/articles/react-auth
I plan to release the video in the next week or so.

[@user-uj3gp2mq8m]

Thank you! I've been looking for something like this for a very long time, only this video helped

[@tomdekan]

Glad I could help! I'm also planning to make a React + Django video showing how to add auth. Let me know if that's interesting :)

[@Kathmandu-nv7dd]

I would definately love to see how it can be deployed .Thanks

[@tomdekan]

Thanks for that. Noted!

[@nelsonberm3910]

great tutorial would love to see the second part. If anyone is getting an error """ Import "django.db" could not be resolved from sourcePylancereportMissingModuleSource
(module) django """ Then the problem is that you have to create your virtual enviornment before deploying django, you would need to do
python -m venv venv
source venv/bin/activate
in the terminal and then the deployment part

[@tomdekan]

Thanks Nelson! I've just posted the written guide here for part 2 (including auth): www.photondesigner.com/articles/react-auth . Video coming soon 🙂

[@dashing7569]

nicely done... definitely add user authentication and basic profile to this app and you have a full use case... maybe some static pages as well and how about page transitions? ;)

[@tomdekan]

Thanks Rob - great suggestions!

[@caglargulucan]

Where do you see the future I wonder? Vue-Nuxt? React-Next?

[@tomdekan]

Thanks for your question :)
RE Vue-Nuxt v React-Next, I view the pattern as:
- React-Next add new features much faster (backed by Vercel) and then
- the Vue-Nuxt team implements the same features 6 months later, but in a better way.
Though React-Next retains its advantage in having many more great libraries due to a much larger community.
Looking forward, I’d start a new product with pure Django, and then probably switch to Nuxt+Django.
But I think all these technologies are great. The most important thing is to build things that people want

[@navaneeth9103]

nicely done . will u be able to do ia video on django react auth with jwt tokens/ sessions with social authetication included . also axios interceptors or something to refresh tokens.
there is only few tutorials on u tube and most of them are very outdated or simply not production grade

[@tomdekan]

Thanks for the suggestion Navaneeth! I'm currently finishing off a Vue auth video; a React auth video might also be good to do 🙂

[@navaneeth9103]

@@tomdekan it will be really helpful if u could. I still haven't found any proper solution 🙂

[@tomdekan]

Got it Navaneeth. React + Auth is now on my list :)

[@navaneeth9103]

[@tomdekan]

And now released. Check out my second last video.

[@igribeiro_]

My only dificulty its with authenticate views.

[@tomdekan]

Thanks for that. I may add a video on that shortly 🙂

[@navaneeth9103]

@@tomdekan very much needed, please do an auth , middleware video with DRF and react

[@tomdekan]

Thanks for that - it’s now on my list of possible videos 🙂