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


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="OvermindDL1" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/OvermindDL1/120/2677_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  OvermindDL1
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group quote-post-not-found" data-username="cnck1387" data-post="45" data-topic="16569">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/c/2bfe46/48.png" class="avatar"> cnck1387:</div>
<blockquote>
<p>Probably not haha. Unpoly is a massive ball of coffeescript and I already hate JS enough as it is.</p>
</blockquote>
</aside>
<p>Yeah I don’t fault you there, lol.</p>
<p>The thought to rewrite it in OCaml has crossed my mind more than a few times, and it’d be entirely modular there and type-safe!</p>
<aside class="quote no-group quote-post-not-found" data-username="cnck1387" data-post="45" data-topic="16569">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/c/2bfe46/48.png" class="avatar"> cnck1387:</div>
<blockquote>
<p>I will have to use something though because liveview isn’t looking like a good fit to transmit 10kb+ of html between browsing tabs.</p>
</blockquote>
</aside>
<p>Drab?  You can send even specific modifications to do, you can make things as tight as javascript allows.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="108416" data-batch-url="/posts/batch_likers">
                        0
                      </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/phoenix-liveview-info/16569/113">Post #112</a>
	                </div>
	            </div>
              <div id="likers-container-108416" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="108416"
                     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 #112"></div>
  </section>
</div>
    <div class="postbit" id="108424" data-post-id="108424">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="cnck1387" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  cnck1387
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group quote-post-not-found" data-username="OvermindDL1" data-post="46" data-topic="16569">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/overminddl1/48/2677_2.png" class="avatar"> OvermindDL1:</div>
<blockquote>
<p>Drab? You can send even specific modifications to do, you can make things as tight as javascript allows.</p>
</blockquote>
</aside>
<p>But isn’t that websocket based?</p>
<p>The exact use case is… image if you’re viewing a page where a video is playing.</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">[video]

a | b | c
</code></pre>
<p>And each of those letters are tabs you can click. When you view a video, by default you’ll be on tab A, but if you want to skim notes or something while the video is playing, you might click tab B. But Tab B has 10-20kb worth of HTML to serve (a video transcript).</p>
<p>It’s really just a simple ajax request that contacts the server and responds with a partial phoenix template (everything but the layout). I have it all working but there’s a massive amount of JS boilerplate to hook it up for each tab. Plus, I have to inspect the request on the server side too, to make sure it’s an ajax request, etc..</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="108424" data-batch-url="/posts/batch_likers">
                        0
                      </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/phoenix-liveview-info/16569/114">Post #113</a>
	                </div>
	            </div>
              <div id="likers-container-108424" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="108424"
                     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 #113"></div>
  </section>
</div>
    <div class="postbit" id="108425" data-post-id="108425">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="chrismccord" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/chrismccord/120/24233_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  chrismccord
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Creator of Phoenix</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I think it will be, but obviously that doesn’t help you <em>today</em> <img src="https://forum.elixirforum.com/images/emoji/apple/slight_smile.png?v=15" title=":slight_smile:" class="emoji" alt=":slight_smile:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="108425" 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/phoenix-liveview-info/16569/115">Post #114</a>
	                </div>
	            </div>
              <div id="likers-container-108425" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="108425"
                     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 #114"></div>
  </section>
</div>
    <div class="postbit" id="108426" data-post-id="108426">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="chrismccord" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/chrismccord/120/24233_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  chrismccord
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Creator of Phoenix</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>LiveView would be perfect for this as described, but you mentioned you need pushState as well? I don’t think it will be a large effort for us to land pushState, it just depends how far want to go with it. For example, I discussed “transitions” above about pushState to a new view, where this is pushStat in an existing view, so I need to find the right API that satisfies both.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="108426" 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/phoenix-liveview-info/16569/116">Post #115</a>
	                </div>
	            </div>
              <div id="likers-container-108426" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="108426"
                     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 #115"></div>
  </section>
</div>
    <div class="postbit" id="108429" data-post-id="108429">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="cnck1387" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  cnck1387
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote group-Phoenix-Core-Team quote-post-not-found" data-username="chrismccord" data-post="49" data-topic="16569">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/chrismccord/48/24233_2.png" class="avatar"> chrismccord:</div>
<blockquote>
<p>LiveView would be perfect for this as described, but you mentioned you need pushState as well?</p>
</blockquote>
</aside>
<p>The reason my example would prefer to have push state is because imagine the URL for the video to be <code>/videos/1/notes</code> where notes is a tab, but after you click the “downloads” tab, you you would end up at <code>/videos/1/downloads</code>.</p>
<p>It’s mainly a convenience so users can bookmark a specific page + tab, but it’s not a deal breaker since the videos are behind a user login, so they wouldn’t be sharing a specific tab with others.</p>
<p>It’s interesting to hear you think LiveView is perfect for this. Wouldn’t this mean each user on any of the video tabs would have a liveview connection active on the server and then if they change tabs, the state gets changed on the server, etc.?</p>
<p>In any case, the act of switching tabs would always be an action the user takes, and it wouldn’t persist anything to a database. It’s just for requesting different HTML content in the output. Do you still think that is an ideal use case?</p>
<p>(Note: I am hoping it is because I would love to use liveview for that + the other things where I know it’s a good fit).</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="108429" 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/phoenix-liveview-info/16569/117">Post #116</a>
	                </div>
	            </div>
              <div id="likers-container-108429" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="108429"
                     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 #116"></div>
  </section>
</div>
    <div class="postbit" id="109480" data-post-id="109480">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="tme_317" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  tme_317
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group quote-post-not-found" data-username="dmitriid" data-post="30" data-topic="16569">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/dmitriid/48/13182_2.png" class="avatar"> dmitriid:</div>
<blockquote>
<p>a way to hook into LiveView: send <code>phx-</code> events from JS</p>
</blockquote>
</aside>
<p>Exactly… I’m most interested how I could possibly integrate existing React components without having to rewrite the complex ones to LiveView components day one.  I’d love to be able to embed some existing React components (currently using <a href="https://github.com/geolessel/react-phoenix" rel="noopener nofollow ugc">react-phoenix</a>) into LiveViews.  Doing so I would need to somehow pass props  <code>onClick</code>, <code>onConfirm</code>, etc JS callbacks which invoke <code>phx-</code> events including optional payload to be handled server side.  I wonder if it’s possible at all or if morphdom will blow away the React component’s <code>&lt;div&gt;</code> on each re-render.  Wow… if this could interop it would be incredible for my project.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="109480" data-batch-url="/posts/batch_likers">
                        0
                      </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/phoenix-liveview-info/16569/118">Post #117</a>
	                </div>
	            </div>
              <div id="likers-container-109480" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="109480"
                     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 #117"></div>
  </section>
</div>
    <div class="postbit" id="109527" data-post-id="109527">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="olivermt" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/olivermt/120/2354_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  olivermt
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Are we still 100% sans expected release date?</p>
<p>The combination of refusing us to play with the alpha and not having a release date makes me feel like when I was hopelessly in love with the hot girl in fifth grade but she wasn’t interested in me. <img src="https://forum.elixirforum.com/images/emoji/apple/sob.png?v=15" title=":sob:" class="emoji" alt=":sob:" loading="lazy" width="20" height="20"></p>
<p>I’m daydreaming about this getting done so I can start working on all my queued up hobby projects!</p>
<p>Stuff like pushstate should come pretty quickly as a community contribution once you deem us worthy to gaze upon the holy grail of liveview <a class="mention" href="/u/chrismccord" rel="nofollow">@chrismccord</a> <img src="https://forum.elixirforum.com/images/emoji/apple/wink.png?v=15" title=":wink:" class="emoji" alt=":wink:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="109527" data-batch-url="/posts/batch_likers">
                        4
                      </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/phoenix-liveview-info/16569/119">Post #118</a>
	                </div>
	            </div>
              <div id="likers-container-109527" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="109527"
                     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 #118"></div>
  </section>
</div>
    <div class="postbit" id="109532" data-post-id="109532">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="AstonJ" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/AstonJ/120/15_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  AstonJ
                    <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>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I think it could be much easier to get to Chris’s heart <img src="https://forum.elixirforum.com/uploads/default/original/2X/7/776053aa22968f83c10e90c98b23aa0ddd5c9d47.gif?v=15" title=":lol:" class="emoji emoji-custom" alt=":lol:" loading="lazy" width="20" height="20"></p>
<aside class="quote no-group" data-username="Matt" data-post="20" data-topic="17182">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/m/a6a055/48.png" class="avatar"><a href="https://forum.elixirforum.com/t/phoenix-1-4-0-released/17182/20" rel="nofollow">Phoenix 1.4.0 released!</a></div>
<blockquote>
<p>Excited? Very much so – I can’t wait! However, I doubt we will see LiveView any time in the near future <img src="https://forum.elixirforum.com/images/emoji/apple/face_with_raised_eyebrow.png?v=15" title=":face_with_raised_eyebrow:" class="emoji" alt=":face_with_raised_eyebrow:" loading="lazy" width="20" height="20"></p>
</blockquote>
</aside>
<aside class="quote no-group" data-username="AstonJ" data-post="21" data-topic="17182">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/astonj/48/15_2.png" class="avatar"><a href="https://forum.elixirforum.com/t/phoenix-1-4-0-released/17182/21" rel="nofollow">Phoenix 1.4.0 released!</a></div>
<blockquote>
<p>Hmmm I dunno you know… maybe if we all chip in and buy Chris a few hundred packets of those <a href="https://forum.elixirforum.com/t/what-would-you-like-to-see-in-a-future-version-of-phoenix/16525/2" rel="nofollow">chocolate beans </a> it’ll be ready in about, erm, a week? <img src="https://forum.elixirforum.com/uploads/default/original/2X/7/776053aa22968f83c10e90c98b23aa0ddd5c9d47.gif?v=15" title=":lol:" class="emoji emoji-custom" alt=":lol:" loading="lazy" width="20" height="20"></p>
</blockquote>
</aside>
<p><img src="https://forum.elixirforum.com/uploads/default/original/2X/6/6c3193d1dd46244da3c8c6f719c9f5e2abdd5ae8.gif?v=15" title=":003:" class="emoji emoji-custom only-emoji" alt=":003:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="109532" 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/phoenix-liveview-info/16569/120">Post #119</a>
	                </div>
	            </div>
              <div id="likers-container-109532" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="109532"
                     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 #119"></div>
  </section>
</div>
    <div class="postbit" id="109771" data-post-id="109771">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="mikeball" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  mikeball
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Given that events need to go back to server and then return to the client to be rendered, has anyone given any thought to the upper bounds of acceptable round-trip latency between the server and browser that still has for a good user experience? Theoretically what should be the limit of acceptable latency for a plain old forms? 100ms? 500ms? Less or more?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="109771" data-batch-url="/posts/batch_likers">
                        0
                      </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/phoenix-liveview-info/16569/121">Post #120</a>
	                </div>
	            </div>
              <div id="likers-container-109771" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="109771"
                     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 #120"></div>
  </section>
</div>
    <div class="postbit" id="110637" data-post-id="110637">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="joe" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/joe/120/5064_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  joe
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<blockquote>
<p>Chris has said “soon after Phoenix 1.4 comes out” (and 1.4 is due out soon!)</p>
</blockquote>
<p>It has been 2 months and 2 days since it came out. Am I the only one who is so impatient? <a class="mention" href="/u/chrismccord" rel="nofollow">@chrismccord</a> please let us help you, most of us accept a working prototype and are ready to work with a few bugs.</p>
<blockquote>
<p>has anyone given any thought to the upper bounds of acceptable round-trip latency between the server and browser that still has for a good user experience?</p>
</blockquote>
<p>I think that depends on your application. I can imagine cases in which 30 minutes are still okay, but in others you should stay below 50ms. For the plain old forms, I’m guessing around 400ms unless you are creating an app for old people (they are generally slower <img src="https://forum.elixirforum.com/images/emoji/apple/stuck_out_tongue_winking_eye.png?v=15" title=":stuck_out_tongue_winking_eye:" class="emoji" alt=":stuck_out_tongue_winking_eye:" loading="lazy" width="20" height="20">). Just be sure to use the proper type=“x” on your inputs, so that the browser can do some of the work instantly.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="110637" data-batch-url="/posts/batch_likers">
                        0
                      </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/phoenix-liveview-info/16569/122">Post #121</a>
	                </div>
	            </div>
              <div id="likers-container-110637" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="110637"
                     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 #121"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <a class="load-more-button" data-turbo-stream="true" href="/topics/16569/load_more?page=6">Load more posts (23 remaining)</a>
</div></template></turbo-stream>