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


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Writing a user recommendation system, it combines three different models, one which uses Nx.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="347528" 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/what-elixir-related-stuff-are-you-doing/113/794">Post #793</a>
	                </div>
	            </div>
              <div id="likers-container-347528" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="347528"
                     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 #793"></div>
  </section>
</div>
    <div class="postbit" id="347671" data-post-id="347671">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>My Elixir/Erlang related thing is making it possible to run Elixir code in browser compiled to WASM module. It’s more of a compiler and a small runtime than a real BEAM implementation.</p>
<p>With WASM-FX, which is not yet part of the standard, you can have lightweight threads and actor model implemented natively.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="347671" data-batch-url="/posts/batch_likers">
                        3
                      </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/what-elixir-related-stuff-are-you-doing/113/795">Post #794</a>
	                </div>
	            </div>
              <div id="likers-container-347671" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="347671"
                     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 #794"></div>
  </section>
</div>
    <div class="postbit" id="347674" data-post-id="347674">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I’m finally back on the forum, after a couple years of giving up on ever doing anything “real” with Elixir.  So to catch up:</p>
<ul>
<li>
<p>Spoke at Code BEAM Europe again, this time on my definition of software quality and how to achieve it.</p>
</li>
<li>
<p>Finally put up an MVP of a SaaS to look for changes in other web pages, at <a href="https://www.wwwizzzard.com/" rel="noopener nofollow ugc">https://www.wwwizzzard.com/</a>.</p>
</li>
<li>
<p>As part of that, created and have just updated a Hex package called diffie – no, it’s nothing to do with key exchanges, it takes the list of differences from List.myers_difference and turns it into something more human-readable, like the output of a command-line diff tool.</p>
</li>
</ul> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="347674" data-batch-url="/posts/batch_likers">
                        6
                      </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/what-elixir-related-stuff-are-you-doing/113/796">Post #795</a>
	                </div>
	            </div>
              <div id="likers-container-347674" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="347674"
                     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 #795"></div>
  </section>
</div>
    <div class="postbit" id="347766" data-post-id="347766">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I’m doing some Advent Of Code warmup before this Sunday! <img src="https://forum.elixirforum.com/images/emoji/apple/flexed_biceps.png?v=15" title=":flexed_biceps:" class="emoji" alt=":flexed_biceps:" loading="lazy" width="20" height="20"><br>
I never completed 2017, so here I am <img src="https://forum.elixirforum.com/images/emoji/apple/christmas_tree.png?v=15" title=":christmas_tree:" class="emoji" alt=":christmas_tree:" loading="lazy" width="20" height="20"></p>
<p></p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/7/4/74f41dceeaf8e8922cb84e847010888dcb67e79d.jpeg" data-download-href="https://forum.elixirforum.com/uploads/default/74f41dceeaf8e8922cb84e847010888dcb67e79d" title="CleanShot 2024-11-29 at 09.25.13" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/7/4/74f41dceeaf8e8922cb84e847010888dcb67e79d_2_559x600.jpeg" alt="CleanShot 2024-11-29 at 09.25.13" data-base62-sha1="gGCp1yeqqydSoD58pCxApG1MsQ5" width="559" height="600" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/7/4/74f41dceeaf8e8922cb84e847010888dcb67e79d_2_559x600.jpeg, https://forum.elixirforum.com/uploads/default/optimized/3X/7/4/74f41dceeaf8e8922cb84e847010888dcb67e79d_2_838x900.jpeg 1.5x, https://forum.elixirforum.com/uploads/default/optimized/3X/7/4/74f41dceeaf8e8922cb84e847010888dcb67e79d_2_1118x1200.jpeg 2x" data-dominant-color="1D1A31"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">CleanShot 2024-11-29 at 09.25.13</span><span class="informations">1616×1733 117 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="347766" 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/what-elixir-related-stuff-are-you-doing/113/797">Post #796</a>
	                </div>
	            </div>
              <div id="likers-container-347766" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="347766"
                     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 #796"></div>
  </section>
</div>
    <div class="postbit" id="347916" data-post-id="347916">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Nice! I don’t know why, but Advent of Code 2017 day 3 was one of the hardest for me that year. I recently did my warm up and had trouble solving that one again.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="347916" 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/what-elixir-related-stuff-are-you-doing/113/798">Post #797</a>
	                </div>
	            </div>
              <div id="likers-container-347916" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="347916"
                     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 #797"></div>
  </section>
</div>
    <div class="postbit" id="347946" data-post-id="347946">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I have now reached day 17, but day 3 was the one I struggled the most with!</p>
<p>I didn’t want to brute-force part1 because I was certain it wouldn’t work for part2, so I tried clever math tricks … <img src="https://forum.elixirforum.com/images/emoji/apple/exploding_head.png?v=15" title=":exploding_head:" class="emoji" alt=":exploding_head:" loading="lazy" width="20" height="20">  Eventually brute-forcing was the way to go <img src="https://forum.elixirforum.com/images/emoji/apple/sweat_smile.png?v=15" title=":sweat_smile:" class="emoji" alt=":sweat_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="347946" 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/what-elixir-related-stuff-are-you-doing/113/799">Post #798</a>
	                </div>
	            </div>
              <div id="likers-container-347946" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="347946"
                     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 #798"></div>
  </section>
</div>
    <div class="postbit" id="348977" data-post-id="348977">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>looking to redo this [Solar Monitor] (<a href="https://paperless-lab.ngrok.io/" rel="noopener nofollow ugc">https://paperless-lab.ngrok.io/</a>) in Live view<br>
I have been studying both liveview content from <a href="https://arrowsmithlabs.com/courses/liveview" class="inline-onebox" rel="noopener nofollow ugc">Sign in · Arrowsmith Labs</a> and <a href="https://online.pragmaticstudio.com/courses/phoenix" class="inline-onebox" rel="noopener nofollow ugc">The Pragmatic Studio</a>.</p>
<p>Making the jump from Vue.js + Ellie + UnoCSS to Liveview is not as easy as the books make it look.</p>
<p>The mental models are painfully different.<br>
Would need to re-think and re-architect <strong>everything</strong> from scratch.</p>
<p>what would you advise to help me in this transition?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="348977" 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/what-elixir-related-stuff-are-you-doing/113/800">Post #799</a>
	                </div>
	            </div>
              <div id="likers-container-348977" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="348977"
                     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 #799"></div>
  </section>
</div>
    <div class="postbit" id="348979" data-post-id="348979">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="CharlesO" data-post="800" data-topic="113">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/charleso/48/34571_2.png" class="avatar"> CharlesO:</div>
<blockquote>
<p>Making the jump from Vue.js + Ellie + UnoCSS to Liveview is not as easy as the books make it look.</p>
</blockquote>
</aside>
<p>Not entirely sure what is your specific difficulty, however migrating from vue to liveview should be pretty painless. You copy the same templates/components change the templates format to accommodate phoenix and rewrite all JS logic. It might become hairy if you have UI stuff that requires JS logic to run (for example maplibre).</p>
<aside class="quote no-group" data-username="CharlesO" data-post="800" data-topic="113">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/charleso/48/34571_2.png" class="avatar"> CharlesO:</div>
<blockquote>
<p>what would you advise to help me in this transition?</p>
</blockquote>
</aside>
<p>The main advice I would give is to avoid using hooks and client-side state if you can help it. You might be tempted to use client-side logic wherever possible, because you might think that things like latency is very important, however you will pay a huge price of development time and complexity, at some point it might become unclear if you have any real benefits from using liveview compared to a classical 2 stack web app.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="348979" data-batch-url="/posts/batch_likers">
                        3
                      </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/what-elixir-related-stuff-are-you-doing/113/801">Post #800</a>
	                </div>
	            </div>
              <div id="likers-container-348979" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="348979"
                     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 #800"></div>
  </section>
</div>
    <div class="postbit" id="348981" data-post-id="348981">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>this difference in development mindset is the main difficulty I’m dealing with.</p>
<p>all data exchange presently uses <strong>Server-sent-events</strong> and <strong>Xhr</strong>.</p>
<p>Ripping all that out would require a total re-write, and like you commented, i need to think from the LiveView sever-first point of view.</p>
<p>That change from client-first to server-first viewpoint / orientation is a big jump</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="348981" 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/what-elixir-related-stuff-are-you-doing/113/802">Post #801</a>
	                </div>
	            </div>
              <div id="likers-container-348981" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="348981"
                     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 #801"></div>
  </section>
</div>
    <div class="postbit" id="349526" data-post-id="349526">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I won an Elixir give away, so I’m diving into Programming Liveview which will soon be updated now that Liveview officially has a version 1 release.</p>
<p>Also giving ML on the side, still trying to get the hang of Axon.</p>
<p>Happy holidays to everyone!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="349526" 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/what-elixir-related-stuff-are-you-doing/113/803">Post #802</a>
	                </div>
	            </div>
              <div id="likers-container-349526" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="349526"
                     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 #802"></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/113/load_more?page=80">Load more posts (127 remaining)</a>
</div></template></turbo-stream>