<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="308059" data-post-id="308059">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="ElixirCasts" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/ElixirCasts/120/7470_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  ElixirCasts
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Forum Sponsor</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="onebox allowlistedgeneric" data-onebox-src="https://elixircasts.io/phoenix-liveview-start_async">
  <header class="source">
      <img src="https://elixircasts.io/images/favicon-32x32-43629f984aac359895235ef696a097f6.png?vsn=d" class="site-icon" alt="" width="32" height="32">

      <a href="https://elixircasts.io/phoenix-liveview-start_async" target="_blank" rel="noopener nofollow ugc">elixircasts.io</a>
  </header>

  <article class="onebox-body">
    <img width="" height="" src="https://s3.amazonaws.com/elixircasts/elixircasts/episodes/start-async.png" class="thumbnail" alt="">

<h3><a href="https://elixircasts.io/phoenix-liveview-start_async" target="_blank" rel="noopener nofollow ugc">Phoenix LiveView start_async - ElixirCasts</a></h3>

  <p>In this episode we’ll explore a way to get lower level control of asynchronous operations in Phoenix LiveView with start_async.</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>
 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="308059" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/elixircasts-alchemists-edition-episodes/32437/32">Post #31</a>
	                </div>
	            </div>
              <div id="likers-container-308059" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="308059"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #31"></div>
  </section>
</div>
    <div class="postbit" id="334648" data-post-id="334648">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="ElixirCasts" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/ElixirCasts/120/7470_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  ElixirCasts
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Forum Sponsor</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="onebox allowlistedgeneric" data-onebox-src="https://elixircasts.io/flash-notifications-with-flashy">
  <header class="source">
      <img src="https://elixircasts.io/images/favicon-32x32-43629f984aac359895235ef696a097f6.png?vsn=d" class="site-icon" alt="" width="32" height="32">

      <a href="https://elixircasts.io/flash-notifications-with-flashy" target="_blank" rel="noopener nofollow ugc">elixircasts.io</a>
  </header>

  <article class="onebox-body">
    <img width="" height="" src="https://s3.amazonaws.com/elixircasts/elixircasts/episodes/notifications-with-flashy.png" class="thumbnail" alt="">

<h3><a href="https://elixircasts.io/flash-notifications-with-flashy" target="_blank" rel="noopener nofollow ugc">Flash Notifications with Flashy - ElixirCasts</a></h3>

  <p>Make your flash messages shine with Flashy. In this episode we'll update the default flash notifications, to use the Flashy package.</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>
 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="334648" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/elixircasts-alchemists-edition-episodes/32437/33">Post #32</a>
	                </div>
	            </div>
              <div id="likers-container-334648" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="334648"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #32"></div>
  </section>
</div>
    <div class="postbit" id="335261" data-post-id="335261">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="ElixirCasts" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/ElixirCasts/120/7470_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  ElixirCasts
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Forum Sponsor</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="onebox allowlistedgeneric" data-onebox-src="https://elixircasts.io/custom-notifications-with-flashy">
  <header class="source">
      <img src="https://elixircasts.io/images/favicon-32x32-43629f984aac359895235ef696a097f6.png?vsn=d" class="site-icon" alt="" width="32" height="32">

      <a href="https://elixircasts.io/custom-notifications-with-flashy" target="_blank" rel="noopener nofollow ugc">elixircasts.io</a>
  </header>

  <article class="onebox-body">
    <img width="" height="" src="https://s3.amazonaws.com/elixircasts/elixircasts/episodes/custom-notifications-with-flashy.png" class="thumbnail" alt="">

<h3><a href="https://elixircasts.io/custom-notifications-with-flashy" target="_blank" rel="noopener nofollow ugc">Custom Notifications with Flashy - ElixirCasts</a></h3>

  <p>In this episode, we'll create a custom notification for when a widget is sold out, allowing us to collect users' email addresses for restock alerts.</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>
 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="335261" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/elixircasts-alchemists-edition-episodes/32437/34">Post #33</a>
	                </div>
	            </div>
              <div id="likers-container-335261" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="335261"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #33"></div>
  </section>
</div>
    <div class="postbit" id="335994" data-post-id="335994">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="ElixirCasts" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/ElixirCasts/120/7470_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  ElixirCasts
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Forum Sponsor</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="onebox allowlistedgeneric" data-onebox-src="https://elixircasts.io/drag-and-drop-with-phoenix-liveview">
  <header class="source">
      <img src="https://elixircasts.io/images/favicon-32x32-43629f984aac359895235ef696a097f6.png?vsn=d" class="site-icon" alt="" width="32" height="32">

      <a href="https://elixircasts.io/drag-and-drop-with-phoenix-liveview" target="_blank" rel="noopener nofollow ugc">elixircasts.io</a>
  </header>

  <article class="onebox-body">
    <img width="" height="" src="https://s3.amazonaws.com/elixircasts/elixircasts/episodes/drag-and-drop-liveview.png" class="thumbnail" alt="">

<h3><a href="https://elixircasts.io/drag-and-drop-with-phoenix-liveview" target="_blank" rel="noopener nofollow ugc">Drag-and-Drop with Phoenix LiveView - ElixirCasts</a></h3>

  <p>In this episode, we'll learn how to implement a drag-and-drop feature that uses Phoenix LiveView. When elements are dragged between lists we'll update their properties to match the new list.</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>
 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="335994" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/elixircasts-alchemists-edition-episodes/32437/35">Post #34</a>
	                </div>
	            </div>
              <div id="likers-container-335994" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="335994"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #34"></div>
  </section>
</div>
    <div class="postbit" id="372263" data-post-id="372263">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="ElixirCasts" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/ElixirCasts/120/7470_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  ElixirCasts
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Forum Sponsor</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>In episode <span class="hashtag-raw">#199</span> we’ll learn how to build a sleek, real-time search modal using Phoenix LiveView’s Portal component.</p>
<p><img src="https://forum.elixirforum.com/uploads/default/original/3X/9/f/9f1f02f2aabfa16557c5b652d927ab56e9fe9d40.gif" alt="Portal preview" data-base62-sha1="mHEmiyBeAapG1xh8p2X0Cg6IZfG" width="690" height="388" class="animated"></p>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://elixircasts.io/phoenix-liveview-portal-component">
  <header class="source">
      <img src="https://elixircasts.io/images/favicon-32x32-43629f984aac359895235ef696a097f6.png?vsn=d" class="site-icon" alt="" width="32" height="32">

      <a href="https://elixircasts.io/phoenix-liveview-portal-component" target="_blank" rel="noopener nofollow ugc">elixircasts.io</a>
  </header>

  <article class="onebox-body">
    <img width="" height="" src="https://s3.amazonaws.com/elixircasts/elixircasts/episodes/phx-live-view-portal-component.png" class="thumbnail" alt="">

<h3><a href="https://elixircasts.io/phoenix-liveview-portal-component" target="_blank" rel="noopener nofollow ugc">Phoenix LiveView Portal Component - ElixirCasts</a></h3>

  <p>Learn how to build a sleek, real-time search modal using Phoenix LiveView's Portal component.</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>
 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="372263" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/elixircasts-alchemists-edition-episodes/32437/36">Post #35</a>
	                </div>
	            </div>
              <div id="likers-container-372263" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="372263"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #35"></div>
  </section>
</div>
    <div class="postbit" id="373387" data-post-id="373387">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="ElixirCasts" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/ElixirCasts/120/7470_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  ElixirCasts
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Forum Sponsor</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>In episode <span class="hashtag-raw">#201</span> we’ll learn how add a one-to-one relationship using Ecto schemas. We’ll generate migrations and schemas, set up proper associations with <code>has_one</code> and <code>belongs_to</code>, and create nested forms that handle all data in a single submission.</p>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://elixircasts.io/using-has_one-associations-with-phoenix-forms">
  <header class="source">
      <img src="https://elixircasts.io/images/favicon-32x32-43629f984aac359895235ef696a097f6.png?vsn=d" class="site-icon" alt="" width="32" height="32">

      <a href="https://elixircasts.io/using-has_one-associations-with-phoenix-forms" target="_blank" rel="noopener nofollow ugc">elixircasts.io</a>
  </header>

  <article class="onebox-body">
    <img width="" height="" src="https://s3.amazonaws.com/elixircasts/elixircasts/episodes/has-one-assoc-phx-forms.png" class="thumbnail" alt="">

<h3><a href="https://elixircasts.io/using-has_one-associations-with-phoenix-forms" target="_blank" rel="noopener nofollow ugc">Using has_one Associations with Phoenix Forms - ElixirCasts</a></h3>

  <p>In this episode we'll learn how add a one-to-one relationship using Ecto schemas. We'll generate migrations and schemas, set up proper associations with "has_one" and "belongs_to", and create nested forms that handle both artist and profile data in a...</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>
 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="373387" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/elixircasts-alchemists-edition-episodes/32437/37">Post #36</a>
	                </div>
	            </div>
              <div id="likers-container-373387" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="373387"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #36"></div>
  </section>
</div>
    <div class="postbit" id="376935" data-post-id="376935">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="ElixirCasts" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/ElixirCasts/120/7470_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  ElixirCasts
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Forum Sponsor</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>In episode <span class="hashtag-raw">#204</span> we integrate LangChain with Phoenix LiveView to generate AI-powered content that streams in real-time.</p>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://elixircasts.io/real-time-ai-streaming-with-langchain-204">
  <header class="source">
      <img src="https://elixircasts.io/images/favicon-32x32-43629f984aac359895235ef696a097f6.png?vsn=d" class="site-icon" alt="" width="32" height="32">

      <a href="https://elixircasts.io/real-time-ai-streaming-with-langchain-204" target="_blank" rel="noopener nofollow ugc">elixircasts.io</a>
  </header>

  <article class="onebox-body">
    <img width="" height="" src="https://s3.amazonaws.com/elixircasts/elixircasts/episodes/realtime-ai-streaming-langchain.png" class="thumbnail" alt="">

<h3><a href="https://elixircasts.io/real-time-ai-streaming-with-langchain-204" target="_blank" rel="noopener nofollow ugc">Real-Time AI Streaming with LangChain - ElixirCasts</a></h3>

  <p>Learn how to integrate LangChain with Phoenix LiveView to generate AI-powered content that streams in real-time, giving your users instant feedback as the text appears character-by-character.</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>
 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="376935" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/elixircasts-alchemists-edition-episodes/32437/38">Post #37</a>
	                </div>
	            </div>
              <div id="likers-container-376935" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="376935"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-last-post cat-last-post" title="Last post!"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <span class="all-loaded">— All posts loaded —</span>
</div></template></turbo-stream>