<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>phoenixframework on Poeticoding</title><link>https://www.poeticoding.com/tag/phoenixframework/</link><description>Recent content in phoenixframework on Poeticoding</description><generator>Hugo</generator><language>en</language><lastBuildDate>Tue, 25 May 2021 11:15:42 +0000</lastBuildDate><atom:link href="https://www.poeticoding.com/tag/phoenixframework/index.xml" rel="self" type="application/rss+xml"/><item><title>How Phoenix LiveView works</title><link>https://www.poeticoding.com/how-phoenix-liveview-works/</link><pubDate>Tue, 27 Apr 2021 11:20:08 +0000</pubDate><guid>https://www.poeticoding.com/how-phoenix-liveview-works/</guid><description>&lt;div class="video">&lt;iframe src="https://www.youtube-nocookie.com/embed/pq5eOJRCkow" title="YouTube video" loading="lazy" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen referrerpolicy="strict-origin-when-cross-origin">&lt;/iframe>&lt;/div>

&lt;hr>
&lt;p>&lt;a href="https://www.poeticoding.com/introductory-phoenix-liveview-course/">Course Index page&lt;/a>&lt;/p>
&lt;h2 id="code">Code&lt;/h2>
&lt;ul>
&lt;li>&lt;a href="https://github.com/poeticoding/poeticoins/tree/how-lv-works" target="_blank" rel="noopener">GitHub: how-lv-works&lt;/a>&lt;/li>
&lt;li>&lt;a href="https://github.com/poeticoding/poeticoins/blob/how-lv-works/lib/poeticoins_web/live/crypto_dashboard_live.ex" target="_blank" rel="noopener">crypto_dashboard_live.ex&lt;/a>&lt;/li>
&lt;li>&lt;a href="https://github.com/poeticoding/poeticoins/blob/how-lv-works/assets/js/app.js" target="_blank" rel="noopener">&lt;code>app.js&lt;/code>&lt;/a>&lt;/li>
&lt;/ul>
&lt;h2 id="links">Links&lt;/h2>
&lt;ul>
&lt;li>&lt;a href="https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html#module-life-cycle" target="_blank" rel="noopener">Life-cycle&lt;/a>&lt;/li>
&lt;li>&lt;a href="https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html#connected?/1" target="_blank" rel="noopener">&lt;code>socket.connected?&lt;/code>&lt;/a>&lt;/li>
&lt;li>&lt;a href="https://github.com/patrick-steele-idem/morphdom" target="_blank" rel="noopener">morphdom&lt;/a>&lt;/li>
&lt;/ul>
&lt;hr>
&lt;h2 id="how-does-liveview-work">How does LiveView work?&lt;/h2>
&lt;p>In the &lt;a href="https://www.poeticoding.com/first-contact-with-phoenix-liveview/">previous lesson&lt;/a> we got a taste of the LiveView&amp;rsquo;s magic! In this lesson we are going to see how LiveView really works and what happens behind the scenes when a user connects.&lt;/p></description></item><item><title>First contact with Phoenix LiveView</title><link>https://www.poeticoding.com/first-contact-with-phoenix-liveview/</link><pubDate>Tue, 13 Apr 2021 18:46:05 +0000</pubDate><guid>https://www.poeticoding.com/first-contact-with-phoenix-liveview/</guid><description>&lt;div class="video">&lt;iframe src="https://www.youtube-nocookie.com/embed/9ZTm0R5YU64" title="YouTube video" loading="lazy" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen referrerpolicy="strict-origin-when-cross-origin">&lt;/iframe>&lt;/div>

&lt;p>&lt;a href="https://www.poeticoding.com/introductory-phoenix-liveview-course/">&lt;strong>Course Index page&lt;/strong>&lt;/a>&lt;/p>
&lt;h2 id="code">Code&lt;/h2>
&lt;ul>
&lt;li>&lt;a href="https://github.com/poeticoding/poeticoins/tree/lv-first-view" target="_blank" rel="noopener">&lt;code>lv-first-view&lt;/code> branch&lt;/a>&lt;/li>
&lt;li>&lt;a href="https://github.com/poeticoding/poeticoins/pull/15" target="_blank" rel="noopener">Lesson&amp;rsquo;s PR&lt;/a>&lt;/li>
&lt;li>&lt;a href="https://github.com/poeticoding/poeticoins/blob/lv-first-view/lib/poeticoins_web/live/crypto_dashboard_live.ex" target="_blank" rel="noopener">&lt;code>PoeticoinsWeb.CryptoDashboardLive&lt;/code>&lt;/a>&lt;/li>
&lt;/ul>
&lt;h2 id="links">Links&lt;/h2>
&lt;ul>
&lt;li>&lt;a href="https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html#c:mount/3" target="_blank" rel="noopener">mount/3&lt;/a>&lt;/li>
&lt;li>&lt;a href="https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html#c:render/1" target="_blank" rel="noopener">ren&lt;/a>&lt;a href="https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html#c:render/1" target="_blank" rel="noopener">d&lt;/a>&lt;a href="https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html#c:render/1" target="_blank" rel="noopener">er/1&lt;/a>&lt;/li>
&lt;li>&lt;a href="https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html#assign/3" target="_blank" rel="noopener">assign/3&lt;/a>&lt;/li>
&lt;li>&lt;a href="https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html#update/3" target="_blank" rel="noopener">update/3&lt;/a>&lt;/li>
&lt;li>&lt;a href="https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.Helpers.html#sigil_L/2" target="_blank" rel="noopener">~L&lt;/a>&lt;/li>
&lt;/ul>
&lt;hr>
&lt;h2 id="our-first-live-view">Our first Live View&lt;/h2>
&lt;p>In this lesson we&amp;rsquo;ll introduce LiveView and get a sense of how powerful it can be. In the next lesson we&amp;rsquo;ll see better how LiveView works under the hood.&lt;/p></description></item><item><title>The Primitives of Phoenix LiveView</title><link>https://www.poeticoding.com/the-primitives-of-phoenix-liveview/</link><pubDate>Tue, 12 Nov 2019 16:30:21 +0000</pubDate><guid>https://www.poeticoding.com/the-primitives-of-phoenix-liveview/</guid><description>&lt;div class="video">&lt;iframe src="https://www.youtube-nocookie.com/embed/gPSXxtgmyB8" title="YouTube video" loading="lazy" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen referrerpolicy="strict-origin-when-cross-origin">&lt;/iframe>&lt;/div>

&lt;p>&lt;strong>Understanding Phoenix LiveView&lt;/strong>&lt;/p>
&lt;ul>
&lt;li>&lt;a href="https://www.poeticoding.com/how-to-setup-phoenix-liveview/">Setup&lt;/a>&lt;/li>
&lt;li>The Primitives (this article)&lt;/li>
&lt;li>&lt;a href="https://www.poeticoding.com/understanding-liveview-build-a-gallery-app/">Building a Gallery app&lt;/a>&lt;/li>
&lt;/ul>
&lt;p>In the previous article we saw &lt;a href="https://www.poeticoding.com/how-to-setup-phoenix-liveview/">how to setup Phoenix LiveView&lt;/a>, in order to have everything we need to build a simple LiveView &lt;em>gallery app&lt;/em>.&lt;/p></description></item><item><title>Phoenix LiveView live_link</title><link>https://www.poeticoding.com/phoenix-liveview-live_link/</link><pubDate>Wed, 26 Jun 2019 14:45:03 +0000</pubDate><guid>https://www.poeticoding.com/phoenix-liveview-live_link/</guid><description>&lt;div class="video">&lt;iframe src="https://www.youtube-nocookie.com/embed/MIKMZpPPuMI" title="YouTube video" loading="lazy" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen referrerpolicy="strict-origin-when-cross-origin">&lt;/iframe>&lt;/div>

&lt;p>In &lt;a href="https://www.poeticoding.com/phoenix-liveview-change-the-url-without-refreshing-the-page/">the previous article focused on &lt;code>live_redirect&lt;/code>&lt;/a>, we&amp;rsquo;ve seen how in Phoenix LiveView we can change the URL without changing the location or refreshing the page. In this way we can keep the URL updated with the current page state, making easier for the user to bookmark or share it.&lt;/p></description></item><item><title>Phoenix LiveView - Change the URL without refreshing the page</title><link>https://www.poeticoding.com/phoenix-liveview-change-the-url-without-refreshing-the-page/</link><pubDate>Wed, 19 Jun 2019 16:11:17 +0000</pubDate><guid>https://www.poeticoding.com/phoenix-liveview-change-the-url-without-refreshing-the-page/</guid><description>&lt;div class="video">&lt;iframe src="https://www.youtube-nocookie.com/embed/Dad1mKexvu8" title="YouTube video" loading="lazy" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen referrerpolicy="strict-origin-when-cross-origin">&lt;/iframe>&lt;/div>

&lt;p>It&amp;rsquo;s now possible to try the &lt;em>pushState&lt;/em> support available in Phoenix LiveView (which, remember, is still in beta)&lt;/p>
&lt;figure>&lt;img src="https://www.poeticoding.com/phoenix-liveview-change-the-url-without-refreshing-the-page/liveview_pushstate_github_commit.png" alt="Add live_link and live_redirect for push state support" loading="lazy" width="700" height="200">&lt;figcaption>Add live_link and live_redirect for push state support&lt;/figcaption>&lt;/figure>&lt;h4 id="what-is-pushstate-and-why-can-be-useful">What is &lt;em>pushState&lt;/em> and why can be useful?&lt;/h4>
&lt;p>With Phoenix LiveView we can easily update parts of the page without having to change the location, refreshing the page or directly use JavaScript.&lt;/p></description></item></channel></rss>