Skip to content
0:00 / 0:00

#htmx#react#django

DjangoCon 2022 | From React to htmx on a real-world SaaS product: we did it, and it's awesome!

DjangoCon Europe

8.6K subscribers • 1 video on Hallway

YouTube
  • Recommended by 5 people: 4 on Hacker News and 1 in engineering communities.
  • Presented by David Guillot
  • An opinion. It argues one side of a question engineers disagree on.

Intermediate. Assumes working knowledge.

109K views4 years ago5 recommendations

Web developmentReactVue, Svelte, Angular and othersFull-stack frameworks

David Guillot shares his team's experience replacing a two-year-old React UI with Django templates and htmx on a real-world SaaS product.

From React to htmx on a real-world SaaS product: we did it, and it's awesome! by David Guillot We took the plunge and replaced the 2-year-of-work React UI of our SaaS product with simple Django templates and htmx in a couple of months. We’d like to share our experience with you, with concrete indicators on various aspects, and convince your CTO!

Why it's here

5 people recommend this

What people say. Recommended as a practical, real-world case study of migrating from a React SPA to an HTML-over-the-wire architecture.

u/fagnerbrackin r/Frontend • Recommends

DjangoCon 2022 | From React to htmx on a real-world SaaS product: we did it, and it's awesome!

groseon Hacker News • Recommends

On “Ask HN: Where can one learn about boring web development?”

…inimum JS needed for a 'modern' app. You can find a community of likeminded people at HTMX-adjacent places like their Discord and Twitter. I've also been an advocate of this kind of 'primitive' dev style and it's great to see it gain some popularity. This recent talk from Djangocon "React to htmx on a real-world SaaS product" might be of interest: link to this video Ironically, the ultra-modern serverless platforms such as Cloudflare Workers have strict size constraints which is leading to a kind of back-to-basics approach that minimizes dependencies and bundle size. You can find a lot of small libraries for this at link . The latest JS framework to buzz here, Deno's Fresh, even touts "no JS is shipp…

dragonshedon Hacker News • Recommends

On “Ask HN: What companies are embracing “HTML over the wire”?”

It depends on the usecases & application reqs. There are times when server-rendered content can have enormous benefits over a SPA. Check out this djangocon talk where a SaaS product moved from react to htmx. link to this video

dvtkrlbson Hacker News • Recommends

On “Htmx is part of the GitHub Accelerator”

You can check this talk out link to this video I was thinking the same but in the video they specifically talk about faceted search and how they did it with htmx. For the second part you probably go with your own javascript or get away with hyperscript

Xeamekon Hacker News • Recommends

On “HTML First – Six principles for building simple, maintainable, web software”

I think you might find that relevant. (But in short, the author expressed being verry happy with switching to 'stack' you described) link to this video

naaskingon Hacker News • Mentions

On “Htmx, Rust and Shuttle: A New Rapid Prototyping Stack”

> And is the second one some weird DSL What's weird about standard CSS selectors? Maybe you should actually see some testimonials before judging, like: link to this video

Xeamekon Hacker News • Mentions

On “HTML Web Components”

Would this example be considered "trivial"? link to this video But also, you can mix things togheter. You can just use react based app 'embeded' into mpa for when you need that heavy lifting, and the same keep the content part of your app simple. "But why would i do that, if i'd already use react for some parts, why not every where". Becuase then it leads to abominations like reddit or facebook, where websites that are basically glorified text forums will use gigabytes of memory, have terrible UX, be slow and will crash your browser if you leave them open for too long.

dpc_01234on Hacker News • Mentions

On “Is htmx Just Another JavaScript Framework?”

…interface between the two sides and a natural place to divide responsibilities. Now, with HTMX, the divide is gone. The backend generates and swaps the parts of the UI, effectively driving the UI/UX directly. This cuts tons of JS out of the picture and couples (not necessarily in a bad way) backend and frontend. If you look at a popular YT video: link to this video , the result of HTMX rewrite was "JS guy left". So in larger teams switching from something like React to HTMX largely turns everything upside down, not just on technical level but on how people work and collaborate. It would be far easier for new teams and projects to go HTMX route, where they can start and keep hiring people who are fine…

dev_l1x_beon Hacker News • Mentions

On “Another GitHub outage in the same day”

> to do great stuff in the name of efficiency; for example, when browsing through some parts of the UI, it's now much more capable of just updating the part of the page that's changed Are you implying that this only doable with React? I mean just for the fun of it you can look at this video: link to this video