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


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Crap, ~10 years in dev and I still can’t properly RTFM <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"> Thanks for the link!</p>
<p>Btw I’ve noticed that the build.js script from docs doesn’t pass <code>minify: true</code> to a production build and doesn’t enable inline sourcemaps for watch, which may be a painful omission for those that’ll just copy&amp;paste (both of these are covered by default phx_new app).</p>
<p>I’ve created pull request to improve the guide a bit: <a href="https://github.com/phoenixframework/phoenix/pull/4457" class="inline-onebox" rel="noopener nofollow ugc">Improve esbuild plugins guide by karolsluszniak · Pull Request #4457 · phoenixframework/phoenix · GitHub</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="224752" 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/phoenix-1-6-0-rc-0-released/41939/76">Post #75</a>
	                </div>
	            </div>
              <div id="likers-container-224752" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="224752"
                     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="224763" data-post-id="224763">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>You should probably delegate to Phoenix.View…</p>
<p>Phoenix.View.render ViewModule, “topic.html”, topic: i</p>
<p>But now You should use function components.</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">def display_topic(assigns)
  ~H"""
  ...
  """
end
</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="224763" 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-1-6-0-rc-0-released/41939/77">Post #76</a>
	                </div>
	            </div>
              <div id="likers-container-224763" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="224763"
                     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="224777" data-post-id="224777">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>The problem is that this doesn’t work with heex:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">&lt;%= for i &lt;- @topics do
	render "topic.html", topic: i				        
end %&gt;
</code></pre>
<p>But this is ok:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">&lt;%= for i &lt;- @topics do %&gt;
	&lt;%= render "topic.html", topic: i %&gt;				   
&lt;% end %&gt;
</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="224777" 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-1-6-0-rc-0-released/41939/78">Post #77</a>
	                </div>
	            </div>
              <div id="likers-container-224777" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="224777"
                     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 #77"></div>
  </section>
</div>
    <div class="postbit" id="224838" data-post-id="224838">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>After upgrading my 1.5 apps (with tailwind) to 1.6, I eventually ran into an error pushing the new commits to Heroku:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">sh: 1: npm: not found
</code></pre>
<p>This forced me to dig a little deeper into the buildpacks for Elixir and Phoenix, and after learning quite a bit, I realized the fix was simple.  But it seemed like a nice opportunity to write up another quick blog, as a complement to the official <a href="https://hexdocs.pm/phoenix/1.6.0-rc.0/heroku.html#create-and-set-up-heroku-application" rel="noopener nofollow ugc">deployment guide</a>, which received a nice update for 1.6, but assumes no npm is required.</p>
<p><a href="https://apb9785.github.io/blogs/deploy_heroku_phx_1_6_and_tailwind" rel="noopener nofollow ugc">Deploying to Heroku with Phoenix 1.6 and TailwindCSS</a></p>
<p>Please let me know (privately, as to not clutter this thread) if you have any feedback about this blog or how it could be improved.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="224838" data-batch-url="/posts/batch_likers">
                        5
                      </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-1-6-0-rc-0-released/41939/79">Post #78</a>
	                </div>
	            </div>
              <div id="likers-container-224838" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="224838"
                     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 #78"></div>
  </section>
</div>
    <div class="postbit" id="224865" data-post-id="224865">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Hi, I’m wondering if someone can help me through a small obstacle. I’m reading through the upgrade gist, I’ve reached <code>mix assets.deploy</code>, but when I issue that command, I get an error of:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">22:48:17.974 [debug] Downloading esbuild from https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.12.18.tgz
** (RuntimeError) couldn't fetch https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.12.18.tgz: {:error, {:failed_connect, [{:to_address, {'registry.npmjs.org', 443}}, {:inet, [:inet], :nxdomain}]}}
    (esbuild 0.2.2) lib/esbuild.ex:227: Esbuild.fetch_body!/1
    (esbuild 0.2.2) lib/esbuild.ex:159: Esbuild.install/0
    (esbuild 0.2.2) lib/esbuild.ex:142: Esbuild.install_and_run/2
    (esbuild 0.2.2) lib/mix/tasks/esbuild.ex:32: Mix.Tasks.Esbuild.run/1
    (mix 1.11.4) lib/mix/task.ex:394: Mix.Task.run_task/3
    (mix 1.11.4) lib/mix/task.ex:443: Mix.Task.run_alias/5
    (mix 1.11.4) lib/mix/cli.ex:84: Mix.CLI.run_task/2
    (elixir 1.11.4) lib/code.ex:931: Code.require_file/2
</code></pre>
<p>I am able to <code>curl</code> the file’s url just fine.</p>
<p>Any suggestions?</p>
<p>Thanks! <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="224865" 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-1-6-0-rc-0-released/41939/80">Post #79</a>
	                </div>
	            </div>
              <div id="likers-container-224865" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="224865"
                     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 #79"></div>
  </section>
</div>
    <div class="postbit" id="224877" data-post-id="224877">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>It’s interesting how the web world went from Grunt → Gulp → Webpack → esbuild</p>
<p>It seemed always that the next project became popular because the previous one was too complex and hard to configure, which makes me curious of what comes after esbuild, and what they will do different.</p>
<p>Anyways, gratz to the dev team for the new release!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="224877" 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-1-6-0-rc-0-released/41939/81">Post #80</a>
	                </div>
	            </div>
              <div id="likers-container-224877" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="224877"
                     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 #80"></div>
  </section>
</div>
    <div class="postbit" id="224904" data-post-id="224904">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Hmm… very interesting that Rails has released this <a href="https://github.com/rails/esbuild-rails" class="inline-onebox" rel="noopener nofollow ugc">GitHub - rails/esbuild-rails: Bundle and transpile JavaScript in Rails with esbuild · GitHub</a> - As I said, all non-Javascript frameworks are facing similar problems.<br>
Hope there would be a Go/Dart/Rust based solution for CSS processing also. Web Development is at an important milestone. Let us see what the future holds.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="224904" 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/phoenix-1-6-0-rc-0-released/41939/82">Post #81</a>
	                </div>
	            </div>
              <div id="likers-container-224904" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="224904"
                     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 #81"></div>
  </section>
</div>
    <div class="postbit" id="224910" data-post-id="224910">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>That and a native package manager alternative to NPM/Yarn/PNPM that runs without node. Managing packages via semver with vulnerability control etc is what holds me to node atm…</p>
<p>(for CSS there’s <a href="https://github.com/CargoSense/dart_sass" class="inline-onebox" rel="noopener nofollow ugc">GitHub - CargoSense/dart_sass: Install and run Dart Sass using Elixir. · GitHub</a> but I guess you’re thinking about postcss-like functionality)</p>
<p>Looks like native is trending so who knows…</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="224910" 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-1-6-0-rc-0-released/41939/83">Post #82</a>
	                </div>
	            </div>
              <div id="likers-container-224910" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="224910"
                     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 #82"></div>
  </section>
</div>
    <div class="postbit" id="224911" data-post-id="224911">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Yes. I am looking at postcss sort of functionality - because that is how the defacto css framework tailwindcss works!<br>
<a href="https://uniformcss.com/" rel="noopener nofollow ugc">https://uniformcss.com/</a> this project looked interesting to me - scss based utility css framework. I wondered if I can get on with dart_sass also. But, the project looks in very early stages. I can use css, but not exactly a designer. So, hesitant to use. <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"><br>
World across - nationality is trending. In software - native applications are trending. Let us see where this takes us to. <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="224911" 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-1-6-0-rc-0-released/41939/84">Post #83</a>
	                </div>
	            </div>
              <div id="likers-container-224911" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="224911"
                     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 #83"></div>
  </section>
</div>
    <div class="postbit" id="224918" data-post-id="224918">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p><a href="https://deno.land/x/postcss@8.3.6" class="inline-onebox" rel="nofollow">postcss@8.3.6 | Deno</a> ← this is postcss on a rust powered runtime. Though afaik I read there are still some problems with tailwindcss on it.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="224918" 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-1-6-0-rc-0-released/41939/85">Post #84</a>
	                </div>
	            </div>
              <div id="likers-container-224918" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="224918"
                     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 #84"></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/41939/load_more?page=9">Load more posts (9 remaining)</a>
</div></template></turbo-stream>