HTML-ivating your Django web app's experience with HTMX, AlpineJS, and streaming HTML.

Oct 16 11:10 AM EDT :calendar: to 11:55 am

About This Talk

The rise of SPAs has brought many benefits, but it has also introduced complexity and performance overheads that can be overwhelming. As Django developers, we know the power and elegance of the Django framework, and we believe it can deliver a better user experience without the need for heavy JavaScript frameworks.

In this talk, we will dive into the concepts of HTMX, a lightweight library that allows us to update parts of the HTML directly from the server, and AlpineJS, a minimal JavaScript framework for enhancing interactivity. We will explore how these tools can be integrated seamlessly with Django to create modern web apps with enhanced user experiences.

Additionally, we’ll see how Django 4.2’s StreamingHttpResponse lays the foundation for better experiences of views that require slow queries, microservice calls, or APIs.

Key points:

  1. Understanding the limitations of JavaScript-heavy SPAs:
    • Increased complexity and maintenance overhead
    • Slower initial load times and performance implications
  2. Introduction to HTMX: Learn how to leverage HTMX to update parts of the HTML directly from the server, eliminating the need for heavy JavaScript frameworks.
  3. Enhancing Interactivity with AlpineJS: Discover how to add lightweight JavaScript interactions to your Django app using AlpineJS, improving the user experience without sacrificing simplicity.
  4. Streaming HTML for Performance: Explore how to stream HTML to deliver a fast and interactive experience, even in slow network connections or large datasets.
  5. Case Study: Dive into a real-world example of a web app that leveraged streaming HTML to achieve impressive user experiences.

By the end of this talk, attendees will be inspired to leverage HTMX, AlpineJS, and streaming HTML to create modern web applications with exceptional user experiences. They will gain insights into the benefits and trade-offs of this approach compared to JavaScript-heavy SPAs and leave with practical tips and best practices for implementing these techniques in their Django projects.


    Photo of Chris May

    Chris May (he/him)

    Meet Chris, an experienced developer, technical coach, and advocate for creating exceptional user and team experiences. With over 25 years of industry experience, he brings a wealth of knowledge to the table and fosters effective team dynamics.

    As a technical coach, Chris collaborates with teams to craft elegant and robust solutions, reduce bugs, and improve time to market. He simplifies intricate technical concepts, diagnoses and troubleshoots code issues, and provides actionable feedback, earning him a reputation as a trusted mentor and guide.

    Chris’s dedication to building a thriving Python community led him to co-found PyRVA, the Python user group in Richmond, Virginia. Through this initiative, he actively fosters knowledge sharing, networking, and professional growth among Python developers.

    In addition to coaching and community involvement, Chris shares his expertise through his blog and Python resources on his Everyday Superpowers website. These platforms serve as valuable references for developers seeking insights and practical advice.