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

Discover how a real-world SaaS product ditched React for HTMX, a library that enables modern UIs without client-side code, improving maintainability, agility, and performance.

Key takeaways
  • The speaker refutes the need for JavaScript application frameworks like React, citing the capabilities of HTMLX.
  • HTMLX is a library that allows for modern UIs without writing a single line of client-side code.
  • It provides isolation, reusability, and accessibility for UI components.
  • The speaker emphasizes the importance of considering web components for frontend development.
  • Django components, using HTMLX, enable the declaration of reusable components that can be used anywhere in an application.
  • The library allows for code quality, unit testing, and upgradability, resulting in better maintainability.
  • The speaker argues that HTMLX enables product agility, allowing for faster deployment and reduced trade-offs.
  • By using HTMX, the speaker’s company deleted 15,000 lines of code, gained a cleaner DOM tree, and improved performance.
  • Web components make it possible to have beautiful UI elements with HTMLX, without relying on client-side JavaScript.
  • HTMLX has low memory usage, making it a suitable choice for rich UI applications.
  • The speaker demonstrates the use of HTMLX in a real-world SaaS product, showcasing its capabilities and benefits.