---
title: "💭 </> htmx ~ Examples ~ Updating Other Content"
description: "!https://htmx.org/examples/update-other-content/"
date: 2023-08-26
published: true
tags:
  - webdev
  - htmx
  - thought
template: link
---


<div class="embed-card embed-card-external">
  <a href="https://htmx.org/examples/update-other-content/" class="embed-card-link" target="_blank" rel="noopener noreferrer">
    <div class="embed-card-content">
      <div class="embed-card-title">&lt;/&gt; htmx ~ Examples ~ Updating Other Content</div>
      <div class="embed-card-description">htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypert...</div>
      <div class="embed-card-meta">htmx.org</div>
    </div>
  </a>
</div>


Three ways to support updating other content.  Fantastic article walking through the different ways to update other parts of the screen using htmx.

In htmx there is no 2 way data binding, the dom is your state, and if you have elements derived from the same data on the screen in different places you need to think about how to keep them in sync.

!!! note

    This post is a <a href="/thoughts/" class="wikilink" data-title="Thoughts" data-description="These are generally my thoughts on a web page or some sort of url, except a rare few don&#39;t have a link. These are dual published off of my..." data-date="2024-04-01">thought</a>. It's a short note that I make
    about someone else's content online <a href="/tags/thoughts/" class="hashtag-tag" data-tag="thoughts" data-count=2 data-reading-time=3 data-reading-time-text="3 minutes">#thoughts</a>
