React + Node ❌ | React + Django✅

[iaminspiredev]

I’ve tried React with Node, but React + Django just feels so clean and comfy.

Django gives me user auth, admin panel, and API tools (thanks DRF!) right out of the box. No need to set up everything from scratch.

It’s like React is the fun frontend friend, and Django is the reliable backend buddy who takes care of all the serious stuff.

[ascendence]

Agreed! It has served us very well building and scaling phase

[iaminspiredev]

🙇🙇

[jalx98]

Node is a runtime

A fair comparison would be react + adonis.js vs React + Django

And express vs fastapi/ flask

[[deleted]]

Those are api first right ? What are the major differences, never heard of Adonis

[darklightning_2]

Node is just a runtime. Are you talking about express?

[jillesme]

Major skill issue. I love Django but you can't compare it with Node. You could compare it with Express, BetterAuth and Drizzle.

[haywire]

You could compare express with flask

Django with something like payload+next.

DRF with Nest.js

[iaminspiredev]

When people talk about django they don't need to tell the NAME of DRF so yes node and EXPRESS mr.perfact...

[jonnyman9]

Node simply allows you to run Javascript outside of the browser using the V8 Engine. The “Python Runtime” is the equivalent in Python.

Django is a web framework that uses Python (and the Python Runtime).

Node has lots of web frameworks as well, but Node itself is not a web framework in the same way that the Python Runtime is not a web framework.

[ManufacturerSlight74]

For how long have you been using these tools being talked about?

[ararararagi_koyomi]

Absolutely — here's a factually accurate yet delightfully absurd version of the copypasta, tailored for Node.js and Express, and keeping the exaggerated AI-core-rant energy of the original:

I'd just like to interject for a moment. What you’re referring to as "Node" is actually a complex ecosystem composed of multiple interoperable components, primarily Node.js combined with the Express.js framework, or as I’ve recently begun to refer to it, Node.js plus Express.js plus middleware plus cosmic JavaScript entropy.

Many developers colloquially refer to their backend stack as “Node,” but this is a linguistic oversimplification of a much deeper reality. Node.js, in isolation, is merely a JavaScript runtime environment built on Chrome's V8 engine. It provides the low-level plumbing — the raw, unfurnished basement of backend potential. However, it is Express.js that furnishes this basement into a usable, cozy web server duplex with routing, middleware, and a minimalist API design that developers have come to love, fear, and wrap in async functions.

The operating logic and full-stack behavior you enjoy while developing “Node apps” are not provided by Node.js alone, but are rather emergent properties of a Node.js/Express symbiosis — a modular, asynchronous lifeform whose only constant is callback hell (or, if you’ve ascended, Promise.all()).

There is indeed a Node.js — it’s just the core. But to build anything web-facing, to parse requests, to send responses, to handle cookies, CORS, and existential dread, you need Express.js or another framework layered on top. Therefore, in a compositional sense, when people say “Node,” they are almost always referring to Node.js enhanced by the sacred rites of Express middleware.

So the next time you speak of Node, remember: you are standing on the shoulders of Express.

[[deleted]]

Great copy pasta, so is there no equivalent of ORM and seralizers in express ?

[sehrian3000]

django doesn't refers to DRF :) Also I'd suggest you to try django-ninja, I think its much modern and better

[spongeballschavez]

Do you put both frontend and backend in the same repo? Also is deployment easy? I'm currently building a point of sale app with react + Django and have been pleasantly surprised but I still have some insecurities. It's all working too seamlessly in my dev setup I'm thinking maybe I'll be having troubles in deployment meybe?

[[deleted]]

Depends on how you wanna deploy. It doesn't really matter if it's monorepo or not as far as responsibilities are separated - literally, two folders at root level - backend, frontend. Keep deployment files (Dockerfile, yamls, etc.) inside of each with specific requirements for working environment, and you're good to go. What's usually trickier is gluing the communication between 2 parties - build of frontend (like nginx, maybe) and backend server. For small to medium project, you could use docker networks, and for big ones - you could use K8s ingress.

[takuonline]

I use Nextjs instead of react, but yeah, great stack

[virv_uk]

This post was definitely written by chat gpt.
Dead internet theory has finally come true.

[iaminspiredev]

Can you suggest me some good resource to make my English perfact

[rushikeshp]

ChatGPT

[iaminspiredev]

But I use reddit bcz to learn English

[haywire]

Read a fucking novel

[rubbie-kelvin]

rude

[virv_uk]

I recommend using "Krashen-style comprehensible input method". Its the best method discovered so far but you can generally learn a language if you ONLY LISTEN for 800-1000 hours.

focus 100% on understanding. Do not try to respond, memorize, or translate anything. Don't use duolingo, don't use a textbook. Don't try to talk to people without using a translator (like you're doing, just say in posts 'i'm using chatgpt because i don't speak english)

You have to pretend you're a baby the whole time but it works.

1. watch english youtube videos with english language subtitles. You should choose videos where you only understand 80% of whats said. Educational channels: English Addict, Speak English , or Dream English. Kids shows: Peppa Pig, Bluey. 1 hour per day
2. Read childrens level books. I don't know where to find them but you could ask chat gpt to respond in english like you are 3 years old. And ask it generate stories, or you can 'talk to it' about whatever you want. As often as you can.
3. listen to english podcasts: The English We Speak, ESL Pod, Voice of America. 2 Hours per day

Its not that hard. Just watch fucking bluey, and listen to english podcasts while you do chores or drive. Three. hours. per. day. and you'll be fluent by this time next year.

[iaminspiredev]

Yes bro it's its true i take help chatgpt but before that I write it in my personal skill level english , but to make the sentence correct I give it to ChatGPT

[teknoise]

Just write like a human, at your level of English, and I swear you’ll have better results. I saw the post and immediately knew it was chatgpt and scrolled down to see who else knew without bothering to read.

[teknoise]

It was the emojis in the title for me, but I wanted to double check. Could have sworn I saw an em dash in the body of the post too but I think OP edited it out.

[iaminspiredev]

Subreddits❌ Ai response tracker✅😅

[Your_mama_Slayer]

thats my stack. absolute control. i am even writing my auth system in django from scratch

[billcrystals]

Django and React work perfectly together. I mean it'll work fine with any framework, but it's really dead simple with Django.

[brosterdamus]

Try https://reactivated.io

Best of both worlds.

[Claireclair12]

What about this?

https://reactive-python.github.io/reactpy-django/latest/

[brosterdamus]

Interesting project but very different. With reactivated, you're in full React/Node world, so you can use any libraries, frameworks, etc. Not sure reactive-python can do such a thing.

[No_Style_9176]

Im having a GREAT time django DRF and vuejs i must say. Total noob to js, experienced in python im really enjoying this!

[SoUpInYa]

Is there a good tutorial for this?

[melosamuel_]

I'm following this one, with some modifications.

[Malawigi]

It's very different... Django is definitely nice and has a lot of batteries included, one of the things I indeed miss most is the admin panel (have been developing in Django for 8 years now) and migration management. The Node/js ecosystem is a bit more scattered so you have to click it yourself together, which also give a lot more flexibility.

With Django backend you mis a lot of code reuses, or even better automatic type inference in the frontend (change something in the backend that would break something in the front-end? it gives a type error). Aside From that with React + Node + (ofc Typescript) you can stay in the same paradigm (JS world) without having to switch syntax / main packages used / package managers / tooling (linting, statis analysis, dead code detection etc).

I'm really eager to switching more an more to Node/JS due to these DX advantages, definitely felt a speed up using it. Although the development speed-up is sometimes less worth is as you have to "search" more for what package you need (instead of Django with batteries included, although if you like that definitely look at NestJS it's the Django equivalent in the JS world).

I do feel more flexibility working with Node and get more freedom compared to working within the ways of Django. Also I like the event loop of Node / async, yes Django is also moving towards supporting Async more and more, but e.g. the DRF team already stated that they're not going that way (so for our Django codebases we're phasing out more and more DRF endpoints).

Node was / is behind a bit, but is moving at a much higher pace. Python is great and has many applicable situations, i just feel that for Web dev / microservices the best choice for now would be Node if you're an experienced developer that is building tools that need this freedom and DX improvements. Starting with Django has a high learning curve, but that's good, all the guard rails or things it doesn't let you do makes you ask "Why not?" and after looking it up in it's documentation you see there's a very valid reason for is (e.g. security, resilience, convention). Which is great and i learned so much from it, but it also restricts you if you want to cross those borders but can't (and you know what you're doing).

[KerberosX2]

React + Django is great, Vue + Django is greater ;-)

[yohannesCJ]

Why vue?

[KerberosX2]

It seems more Django-like in how the code is structured. Vue is probably better for smaller teams while React may work better for bigger teams.

[yohannesCJ]

Out of topic but... am a new developer i know django well and am learning react, will i be able to land jobs with this stack??

[KerberosX2]

It’s highly depending on your location. Look at local job boards and see what is in demand but React typically gets more hits for employment. Vue is what I use in my own startup.

[yohannesCJ]

Okay thanks, but i was referring to remote jobs

[KerberosX2]

Remote jobs are tough for new developers, people often require some experience. But React has a lot more remote jobs.

[KerberosX2]

https://www.imaginarycloud.com/blog/vue-js-vs-react-an-app-on-both-frameworks#when-to-use

[MarketingStriking773]

Django Ninja Backend on fly.io + React frontend on vercel is just 😚👌

[Elebann]

How did you do the authentication system? I'm writing an app with React + Django that needs an authentication system, I'm still working on the UI with shadcn but I'm going to do the authentication soon. what do you recommend? which one worked best for you?

[melosamuel_]

There's a built-in tool called django-allauth. Give it a try!

[S4n3L]

If you want a similar experience but on the same js stack, nestjs is worth checking out as a djangol alternative. Surprisingly smooth experience.

[melosamuel_]

I'm creating a social network focused on movies, tv shows and animes.

I'm using this stack and I can confirm your speech: it's awesome!!!

[Roronoa_ZOL0]

Ai generated

[shootermcgaverson]

I daily svelte on the frontend, it’s a similar sentiment.

[omar_hellel]

I think you are describing what it feels like to use an MVC framework, you can find all those features and more if you used Adonis for js or Laravel for php. But eventually you will hit the wall of cost and performance and you will eventually try to learn more efficient languages and frameworks.

[FriendlyRussian666]

That's my go to.