<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="101409" data-post-id="101409">
  <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" data-username="tmbb" data-post="111" data-topic="16533">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/t/77aa72/48.png" class="avatar"> tmbb:</div>
<blockquote>
<p>I’s a parser written in Rust for Firefox. You definitely don’t want to require an instalation of Rust in the user’s machine to compile templates.</p>
</blockquote>
</aside>
<p>It’s only needed at compile-time, not runtime, I deploy to a rust-less docker alpine container without issue.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="101409" 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/phoenixundeadview-lets-discuss-optimization-possibilities-for-something-like-phoenix-liveview/16533/112">Post #111</a>
	                </div>
	            </div>
              <div id="likers-container-101409" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="101409"
                     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 #111"></div>
  </section>
</div>
    <div class="postbit" id="101410" data-post-id="101410">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="tmbb" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  tmbb
                    <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">
								<aside class="quote no-group" data-username="OvermindDL1" data-post="110" data-topic="16533">
<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>That sounds fairly horrifyingly inefficient… ^.^;</p>
</blockquote>
</aside>
<p>It does.</p>
<aside class="quote no-group" data-username="OvermindDL1" data-post="110" data-topic="16533">
<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>it could cause lose of HTML state too (like editing an input box that suddenly clears just because something was patched).</p>
</blockquote>
</aside>
<p>It doesn’t support this by default, but you can hook some callbacks to avoid this problem. I think…</p>
<aside class="quote no-group" data-username="OvermindDL1" data-post="110" data-topic="16533">
<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>For an HTML parser sure, Floki would verify it is all written properly (or the user would get warnings/errors about invalid html, I’d opt for errors as that would be a bug regardless).</p>
</blockquote>
</aside>
<p>You and the 4 other people here who know what OCaml is xD But yeah, that’s the tradeoff for strong typing: you reject some sound programs (yes, it’s possible that the totally untyped string the user passed into the template is valid HTML!) in exchange for better guarantees.</p>
<p>The main issue here is that it’s not that obvious how to support tags with attributes with dynamic keys. But yeah, it’s a restriction few people will hit in practice.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="101410" 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/phoenixundeadview-lets-discuss-optimization-possibilities-for-something-like-phoenix-liveview/16533/113">Post #112</a>
	                </div>
	            </div>
              <div id="likers-container-101410" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="101410"
                     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="101411" data-post-id="101411">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="OvermindDL1" data-post="110" data-topic="16533">
<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>I thought it added an HTML5 parser not too long ago that was optionally selectable? It’s mainly useful if you intend to ‘edit’ the html anyway, if just reading the meeseeks is better/faster.</p>
</blockquote>
</aside>
<p>People using Floki generally go with the default parser which is the Mochiweb one- particularly people using Floki as part of a library, so the library’s users don’t need to have Rust deps. I’m not sure Floki’s html5ever parser is even working on the latest OTP?</p>
<aside class="quote no-group" data-username="OvermindDL1" data-post="110" data-topic="16533">
<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>I havn’t seen Floki go wrong with any of my HTML that I’m using with Drab for near on a year now though. Do you have examples of correct HTML where it fails?</p>
</blockquote>
</aside>
<p>Floki (with the mochiweb parser) generally fails with incorrect HTML, or rather, in how it parses HTML that is “valid” HTML5 but may get moved around.</p>
<p>Edit: Simple example:<br>
<code>&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;title&gt;Hello, TEA&lt;/title&gt;&lt;body&gt;&lt;/body&gt;&lt;/html&gt;</code></p>
<p>Parsed by Floki with the mochiweb parser to:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">{"html", [],
  [{"head", [], []}, {"title", [], ["Hello, TEA"]}, {"body", [], []}]}
</code></pre>
<p>Parsed by Floki with the html5ever parser to:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">{"html", [],
  [{"head", [], [{"title", [], ["Hello, TEA"]}]}, {"body", [], []}]}
</code></pre> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="101411" 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/phoenixundeadview-lets-discuss-optimization-possibilities-for-something-like-phoenix-liveview/16533/114">Post #113</a>
	                </div>
	            </div>
              <div id="likers-container-101411" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="101411"
                     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="101412" data-post-id="101412">
  <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" data-username="tmbb" data-post="113" data-topic="16533">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/t/77aa72/48.png" class="avatar"> tmbb:</div>
<blockquote>
<p>It doesn’t support this by default, but you can hook some callbacks to avoid this problem. I think…</p>
</blockquote>
</aside>
<p>So let me guess, you’d “Build In” some known ones like textbox, and leave custom elements up to the user to implement via some other plug that they’d have to do or so?  That sounds remarkeable painful when it’s otherwise simple attribute/property changes on them…  o.O</p>
<p>Speaking of, I’m not seeing an immediate way to distinguish between attribute or property updates in that library?</p>
<aside class="quote no-group" data-username="tmbb" data-post="113" data-topic="16533">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/t/77aa72/48.png" class="avatar"> tmbb:</div>
<blockquote>
<p>You and the 4 other people here who know what OCaml is xD But yeah, that’s the tradeoff for strong typing: you reject some sound programs (yes, it’s possible that the totally untyped string the user passed into the template is valid HTML!) in exchange for better guarantees.</p>
</blockquote>
</aside>
<p>If it’s using the firefox HTML5 parser, I don’t see how that would happen though.  ^.^</p>
<aside class="quote no-group" data-username="tmbb" data-post="113" data-topic="16533">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/t/77aa72/48.png" class="avatar"> tmbb:</div>
<blockquote>
<p>The main issue here is that it’s not that obvious how to support tags with attributes with dynamic keys. But yeah, it’s a restriction few people will hit in practice.</p>
</blockquote>
</aside>
<p>Actually that’s a <em>super</em> common use-case at work.  We use an excessive amount of custom elements along with <code>is="..."</code> enhancements to have full support for javascriptless things like old screen readers we have to deal with to newer things to evergreen, it works fantastically.  <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>
<aside class="quote no-group" data-username="mischov" data-post="114" data-topic="16533">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mischov/48/2489_2.png" class="avatar"> mischov:</div>
<blockquote>
<p>I’m not sure Floki’s html5ever parser is even working on the latest OTP?</p>
</blockquote>
</aside>
<p>I know html5ever is working on the OTP 21.1.1 as I’m using it.  <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>
<aside class="quote no-group" data-username="mischov" data-post="114" data-topic="16533">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mischov/48/2489_2.png" class="avatar"> mischov:</div>
<blockquote>
<p>Floki (with the mochiweb parser) generally fails with incorrect HTML, or rather, in how it parses HTML that is “valid” HTML5 but may get moved around.</p>
</blockquote>
</aside>
<p>Do you have an example though, I’ve not run in to any such issues in Drab as of yet.  (NinjaEdit: It looks like Drab is set to use floki with html5ever on my server, so that might be why I don’t see issues?)</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="101412" 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/phoenixundeadview-lets-discuss-optimization-possibilities-for-something-like-phoenix-liveview/16533/115">Post #114</a>
	                </div>
	            </div>
              <div id="likers-container-101412" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="101412"
                     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="101413" data-post-id="101413">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group quote-modified" data-username="OvermindDL1" data-post="115" data-topic="16533">
<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>
<blockquote>
<p>Floki (with the mochiweb parser) generally fails with incorrect HTML, or rather, in how it parses HTML that is “valid” HTML5 but may get moved around.</p>
</blockquote>
<p>Do you have an example though, I’ve not run in to any such issues in Drab as of yet. (NinjaEdit: It looks like Drab is set to use floki with html5ever on my server, so that might be why I don’t see issues?)</p>
</blockquote>
</aside>
<p>Edited above to include, but here’s simple example.</p>
<p><code>&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;title&gt;Hello, TEA&lt;/title&gt;&lt;body&gt;&lt;/body&gt;&lt;/html&gt;</code></p>
<p>Parsed by Floki with the mochiweb parser to:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">{"html", [],
  [{"head", [], []}, {"title", [], ["Hello, TEA"]}, {"body", [], []}]}
</code></pre>
<p>Parsed by Floki with the html5ever parser to:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">{"html", [],
  [{"head", [], [{"title", [], ["Hello, TEA"]}]}, {"body", [], []}]}
</code></pre> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="101413" 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/phoenixundeadview-lets-discuss-optimization-possibilities-for-something-like-phoenix-liveview/16533/116">Post #115</a>
	                </div>
	            </div>
              <div id="likers-container-101413" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="101413"
                     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="101414" data-post-id="101414">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="tmbb" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  tmbb
                    <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">
								<aside class="quote no-group" data-username="OvermindDL1" data-post="115" data-topic="16533">
<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>Actually that’s a <em>super</em> common use-case at work. We use an excessive amount of custom elements along with <code>is="..."</code> enhancements to have full support for javascriptless things like old screen readers we have to deal with to newer things to evergreen, it works fantastically. <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>
</blockquote>
</aside>
<p>Ok, but that makes some optimizations difficult. Although is the goal is to render things intos a JSONPatch I guess that’s not a big problem, as I’d have to have a map to send to the JSON encoder anyway. But it’s a problem with my string-based templates (I can render it dynamically, I just can’t optimize it).</p>
<aside class="quote no-group" data-username="OvermindDL1" data-post="115" data-topic="16533">
<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>Speaking of, I’m not seeing an immediate way to distinguish between attribute or property updates in that library?</p>
</blockquote>
</aside>
<p>I think you’re the only human in the whole world for whom that distinction matters <img src="https://forum.elixirforum.com/images/emoji/apple/smiley.png?v=15" title=":smiley:" class="emoji" alt=":smiley:" loading="lazy" width="20" height="20"> I’ve learned it from you, and aside from your bucklescript-tea repo and the js library that inspired it (<a href="https://github.com/Matt-Esch/virtual-dom" rel="noopener nofollow ugc">https://github.com/Matt-Esch/virtual-dom</a>), I haven’t seen that distinction anywhere. So, no, it has no ways to distinguish it. I guess that if I must implement my own VDOM I need to understand the distinction, right?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="101414" 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/phoenixundeadview-lets-discuss-optimization-possibilities-for-something-like-phoenix-liveview/16533/117">Post #116</a>
	                </div>
	            </div>
              <div id="likers-container-101414" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="101414"
                     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="101417" data-post-id="101417">
  <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-modified" data-username="tmbb" data-post="117" data-topic="16533">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/t/77aa72/48.png" class="avatar"> tmbb:</div>
<blockquote>
<p>I think you’re the only human in the whole world for whom that distinction matters <img src="https://forum.elixirforum.com/images/emoji/apple/smiley.png?v=15" title=":smiley:" class="emoji" alt=":smiley:" loading="lazy" width="20" height="20"> I’ve learned it from you, and aside from your bucklescript-tea repo and the js library that inspired it (<a href="https://github.com/Matt-Esch/virtual-dom" class="inline-onebox" rel="noopener nofollow ugc">GitHub - Matt-Esch/virtual-dom: A Virtual DOM and diffing algorithm · GitHub</a>), I haven’t seen that distinction anywhere. So, no, it has no ways to distinguish it. I guess that if I must implement my own VDOM I need to understand the distinction, right?</p>
</blockquote>
</aside>
<p>Actually it is extremely common as changing the wrong one on certain elements will not work (or in some notable cases throw an exception).  Everything from my tea library to vue.js to polymer to react to near everything I’ve ever seen has the distinction.  Most will often build in known mappings so you don’t have to deal with it on things like <code>className</code> and so forth, but they all have ways to override it as well since custom elements are of course custom, thus only the author of the site can known for certain hence why a way to specify which to use must always be necessary (and yes, Drab has a way to specify as well).</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="101417" 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/phoenixundeadview-lets-discuss-optimization-possibilities-for-something-like-phoenix-liveview/16533/118">Post #117</a>
	                </div>
	            </div>
              <div id="likers-container-101417" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="101417"
                     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="101419" data-post-id="101419">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="tmbb" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  tmbb
                    <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>Regarding the part where input components might be overwritten, how do you propose to solve that without special logic on the client? By customizing the patches on the server so that they never edit the value of input tags? Isn’t that the same as the whitelist approach you don’t like?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="101419" 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/phoenixundeadview-lets-discuss-optimization-possibilities-for-something-like-phoenix-liveview/16533/119">Post #118</a>
	                </div>
	            </div>
              <div id="likers-container-101419" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="101419"
                     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="101424" data-post-id="101424">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="tmbb" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  tmbb
                    <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">
								<aside class="quote no-group" data-username="OvermindDL1" data-post="110" data-topic="16533">
<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>Some quick googling on performance of it shows it is not too bad at element to element diffing (understandable, they are native), but the instancing of the string to an element tree is not very fast, and there are hicks in FPS and performance when the elements are later garbage collected. It is not something you want to call on large DOM trees or with rapid changes (both of which Drab entirely and fully supports without issue).</p>
</blockquote>
</aside>
<p>Do you have a link please?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="101424" 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/phoenixundeadview-lets-discuss-optimization-possibilities-for-something-like-phoenix-liveview/16533/120">Post #119</a>
	                </div>
	            </div>
              <div id="likers-container-101424" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="101424"
                     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="101426" data-post-id="101426">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="tmbb" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  tmbb
                    <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>From what I’ve found, it seems like the bottleneckin morphdom is parsing HTML strings. But morphdom has a spec for compatible VDOMs. Maybe if I send JSON encoding a VDOM (which will require some processing by client-side Javascript) and it will be fast? I have to ask it in a morphdom forum.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="101426" 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/phoenixundeadview-lets-discuss-optimization-possibilities-for-something-like-phoenix-liveview/16533/121">Post #120</a>
	                </div>
	            </div>
              <div id="likers-container-101426" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="101426"
                     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>
</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/16533/load_more?page=13">Load more posts (21 remaining)</a>
</div></template></turbo-stream>