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


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I just checked and both my article and github repo have <code>import Alpine from "alpinejs"</code> because the official docs say to do it that way. strange  you saw different maybe an old tab you had open with an old published version somehow?</p>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://alpinejs.dev/essentials/installation">
  <header class="source">
      <img src="https://alpinejs.dev/favicon.png" class="site-icon" alt="" width="32" height="32">

      <a href="https://alpinejs.dev/essentials/installation" target="_blank" rel="noopener nofollow ugc">alpinejs.dev</a>
  </header>

  <article class="onebox-body">
    

<h3><a href="https://alpinejs.dev/essentials/installation" target="_blank" rel="noopener nofollow ugc">Installation — Alpine.js</a></h3>



  </article>

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

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

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="224231" 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-upcoming-1-6-release/41093/75">Post #74</a>
	                </div>
	            </div>
              <div id="likers-container-224231" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="224231"
                     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 #74"></div>
  </section>
</div>
    <div class="postbit" id="224233" data-post-id="224233">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I reloaded your article and you are correct, it does say <code>import Alpine from "alpinejs"</code>.  Sorry for the confusion, maybe I was looking at other articles that were talking about getting Alpine working and just got them mixed up in my head.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="224233" 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-upcoming-1-6-release/41093/76">Post #75</a>
	                </div>
	            </div>
              <div id="likers-container-224233" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="224233"
                     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 #75"></div>
  </section>
</div>
    <div class="postbit" id="224278" data-post-id="224278">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Thanks for clarifying, that is what I thought but haven’t been entirely sure on this stuff.</p>
<p>You mention CDN is not a good idea, isn’t the new Rails 7 system based on using CDNs? Is there a reason this is bad? My memory of the old days was all CDNs</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="224278" 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-upcoming-1-6-release/41093/77">Post #76</a>
	                </div>
	            </div>
              <div id="likers-container-224278" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="224278"
                     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 #76"></div>
  </section>
</div>
    <div class="postbit" id="224281" data-post-id="224281">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group quote-modified" data-username="soup" data-post="67" data-topic="41093" data-full="true">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/soup/48/31425_2.png" class="avatar"> soup:</div>
<blockquote>
<p>You have to run tailwindcss bin through zombie.sh <a href="https://hexdocs.pm/elixir/Port.html#module-zombie-operating-system-processes" rel="nofollow">Port — Elixir v1.12.2 </a></p>
</blockquote>
</aside>
<p>Just a heads up latest tailwind no longer needs the zombie.sh wrapper!</p>
<aside class="quote no-group" data-username="Sebb" data-post="56" data-topic="41093" data-full="true">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/sebb/48/21818_2.png" class="avatar"> Sebb:</div>
<blockquote>
<p>I’d like to give that a try, but I’m struggling with heex. Are there any resources about that topic already?</p>
</blockquote>
</aside>
<p>You probably figured it out, but for others, start here: <a href="https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.Helpers.html#sigil_H/2" rel="nofollow">https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.Helpers.html#sigil_H/2</a></p>
<p>Also note you don’t have to convert to .heex right now, so feel free to take it easy.</p>
<aside class="quote no-group" data-username="PJo336" data-post="77" data-topic="41093">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/pjo336/48/21101_2.png" class="avatar"> PJo336:</div>
<blockquote>
<p>You mention CDN is not a good idea, isn’t the new Rails 7 system based on using CDNs? Is there a reason this is bad? My memory of the old days was all CDNs</p>
</blockquote>
</aside>
<p>I believe he refers to the CDN version of Tailwind specifically, which I believe includes all classes and it is often too large. So you definitely want Tailwind to be tailored to your needs. Other than that, using CDN is <img src="https://forum.elixirforum.com/images/emoji/apple/+1.png?v=15" title=":+1:" class="emoji" alt=":+1:" loading="lazy" width="20" height="20">!</p>
<hr>
<p>PS: I will close this thread so we unify all of those useful updates tips and feedback in one place. But I enjoyed the waiting period and seeing people excited about the release here. <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"> Here is the 1.6.0-rc announcement: <a href="https://forum.elixirforum.com/t/phoenix-1-6-0-rc-0-released/41939" class="inline-onebox" rel="nofollow">Phoenix 1.6.0-rc.0 released!</a></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="224281" data-batch-url="/posts/batch_likers">
                        13
                      </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-upcoming-1-6-release/41093/78">Post #77</a>
	                </div>
	            </div>
              <div id="likers-container-224281" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="224281"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

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