Bonus: A real-world example of using hx-swap-oob
How to load a bunch of links to the after the page loads and place them anywhere you want with hx-swap-oob
On site:
<div hx-get="/load-podcast-links" hx-trigger="load"></div>
In response:
<div id="placement-1" hx-swap-oob="true">Placement 1 text and link</div>
<div id="placement-2" hx-swap-oob="true">Placement 2 text and link</div>
<div id="placement-3" hx-swap-oob="true">Placement 3 text and link</div>
.....
On site:
<div hx-get="/load-podcast-links" hx-trigger="load"></div>
In response:
<div id="placement-1" hx-swap-oob="true">Placement 1 text and link</div>
<div id="placement-2" hx-swap-oob="true">Placement 2 text and link</div>
<div id="placement-3" hx-swap-oob="true">Placement 3 text and link</div>
.....
