<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" encoding="UTF-8" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:admin="http://webns.net/mvcb/" xmlns:atom="http://www.w3.org/2005/Atom/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:googleplay="http://www.google.com/schemas/play-podcasts/1.0" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:fireside="http://fireside.fm/modules/rss/fireside">
  <channel>
    <fireside:hostname>web01.fireside.fm</fireside:hostname>
    <fireside:genDate>Tue, 19 May 2026 08:35:30 -0500</fireside:genDate>
    <generator>Fireside (https://fireside.fm)</generator>
    <title>Thinking Elixir Podcast - Episodes Tagged with “Html Components”</title>
    <link>https://podcast.thinkingelixir.com/tags/html%20components</link>
    <pubDate>Tue, 03 Jan 2023 04:15:00 -0700</pubDate>
    <description>The Thinking Elixir podcast is a weekly show where we talk about the Elixir programming language and the community around it. We cover news and interview guests to learn more about projects and developments in the community.
Whether you are already experienced with Elixir or just exploring the language, this show is created with you in mind. We discuss community news, Functional Programming, transitioning from OOP, coding conventions, and more.
Guests visit the show to help challenge our assumptions, learn about new developments and grow in the process.
Subscribe to join us on this journey!
</description>
    <language>en-us</language>
    <itunes:type>episodic</itunes:type>
    <itunes:subtitle>News and interviews for the Elixir community</itunes:subtitle>
    <itunes:author>ThinkingElixir.com</itunes:author>
    <itunes:summary>The Thinking Elixir podcast is a weekly show where we talk about the Elixir programming language and the community around it. We cover news and interview guests to learn more about projects and developments in the community.
Whether you are already experienced with Elixir or just exploring the language, this show is created with you in mind. We discuss community news, Functional Programming, transitioning from OOP, coding conventions, and more.
Guests visit the show to help challenge our assumptions, learn about new developments and grow in the process.
Subscribe to join us on this journey!
</itunes:summary>
    <itunes:image href="https://media24.fireside.fm/file/fireside-images-2024/podcasts/images/8/811c9756-babe-40ac-8c25-b3bb24e522e0/cover.jpg?v=2"/>
    <itunes:explicit>no</itunes:explicit>
    <itunes:keywords>elixir, programming, web, clustering, phoenix, liveview, news, developer</itunes:keywords>
    <itunes:owner>
      <itunes:name>ThinkingElixir.com</itunes:name>
      <itunes:email>podcast@thinkingelixir.com</itunes:email>
    </itunes:owner>
<itunes:category text="Education">
  <itunes:category text="How To"/>
</itunes:category>
<itunes:category text="News">
  <itunes:category text="Tech News"/>
</itunes:category>
<itunes:category text="Technology"/>
<item>
  <title>132: Embed Friendly Alternative to LiveView?</title>
  <link>https://podcast.thinkingelixir.com/132</link>
  <guid isPermaLink="false">c4cc242b-b2b0-487a-96e0-1fa9d94575d5</guid>
  <pubDate>Tue, 03 Jan 2023 04:15:00 -0700</pubDate>
  <author>ThinkingElixir.com</author>
  <enclosure url="https://aphid.fireside.fm/d/1437767933/811c9756-babe-40ac-8c25-b3bb24e522e0/c4cc242b-b2b0-487a-96e0-1fa9d94575d5.mp3" length="32446464" type="audio/mpeg"/>
  <itunes:episodeType>full</itunes:episodeType>
  <itunes:author>ThinkingElixir.com</itunes:author>
  <itunes:subtitle>Chris Nelson created LiveState to keep some benefits of LiveView but use it on static generated sites! Interesting project that keeps state in Phoenix but takes a different approach for the client!</itunes:subtitle>
  <itunes:duration>44:38</itunes:duration>
  <itunes:explicit>no</itunes:explicit>
  <itunes:image href="https://media24.fireside.fm/file/fireside-images-2024/podcasts/images/8/811c9756-babe-40ac-8c25-b3bb24e522e0/cover.jpg?v=2"/>
  <description>&lt;p&gt;LiveView isn't always the right answer. Chris Nelson created LiveState to enable embedding custom HTML components in other websites and connect over Phoenix channels to keep UI state on the server! LiveState takes an interesting approach that tries to keep many of the benefits of LiveView but apply it to situations like custom components in static sites hosted by other people. Chris explains how it works and what problems it solves. Check it out!&lt;/p&gt;

&lt;p&gt;Show Notes online - &lt;a href="http://podcast.thinkingelixir.com/132" target="_blank" rel="nofollow noopener"&gt;http://podcast.thinkingelixir.com/132&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Elixir Community News&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Happy New Year! Welcome to 2023!&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://elixir-lang.org/blog/2022/12/22/cheatsheets-and-8-other-features-in-exdoc-that-improve-the-developer-experience/" target="_blank" rel="nofollow noopener"&gt;https://elixir-lang.org/blog/2022/12/22/cheatsheets-and-8-other-features-in-exdoc-that-improve-the-developer-experience/&lt;/a&gt; – ElixirLang blog post highlighting some ExDoc features&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://twitter.com/hugobarauna/status/1605283803668221952" target="_blank" rel="nofollow noopener"&gt;https://twitter.com/hugobarauna/status/1605283803668221952&lt;/a&gt; – Hugo Baraúna used the new ExDoc Cheatsheet feature to add a couple Cheatsheets for Ecto.&lt;/li&gt;
&lt;li&gt;&lt;a href="https://hexdocs.pm/ecto/crud.html" target="_blank" rel="nofollow noopener"&gt;https://hexdocs.pm/ecto/crud.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://hexdocs.pm/ecto/associations.html" target="_blank" rel="nofollow noopener"&gt;https://hexdocs.pm/ecto/associations.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/lukegalea/LiveBook_GoogleColab/blob/main/Google_Colab_hosted_Elixir_LiveBook_%2B_BumbleeBee_on_GPU_(Stable_Diffusion_%2B_GPT_2)_v1_0.ipynb" target="_blank" rel="nofollow noopener"&gt;https://github.com/lukegalea/LiveBook_GoogleColab/blob/main/Google_Colab_hosted_Elixir_LiveBook_%2B_BumbleeBee_on_GPU_(Stable_Diffusion_%2B_GPT_2)_v1_0.ipynb&lt;/a&gt; – Luke Galea created a Livebook online with an “Open in Colab” link at the top that goes through Jupyter notebooks to run Livebook on Google Colab's free tier.&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.reddit.com/r/elixir/comments/zq5d2z/run_elixir_livebook_w_bumbleebee_on_gpu_for_free/" target="_blank" rel="nofollow noopener"&gt;https://www.reddit.com/r/elixir/comments/zq5d2z/run_elixir_livebook_w_bumbleebee_on_gpu_for_free/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/am-kantox/finitomata" target="_blank" rel="nofollow noopener"&gt;https://github.com/am-kantox/finitomata&lt;/a&gt; – Aleksei Matiushkin released a library called Finitomata that reads your PlantUML or Mermaid chart and create a state machine from it&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://twitter.com/elixirmembrane/status/1605519154689310721" target="_blank" rel="nofollow noopener"&gt;https://twitter.com/elixirmembrane/status/1605519154689310721&lt;/a&gt; – The membrane library “membrane_rtc_engine” announced v0.8.&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/membraneframework/membrane_rtc_engine" target="_blank" rel="nofollow noopener"&gt;https://github.com/membraneframework/membrane_rtc_engine&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://elixirforum.com/t/webauthnlivecomponent-passwordless-auth-for-liveview-apps/49941/12" target="_blank" rel="nofollow noopener"&gt;https://elixirforum.com/t/webauthnlivecomponent-passwordless-auth-for-liveview-apps/49941/12&lt;/a&gt; – Owen Bickford has released some early support for passkeys in browsers and mobile devices&lt;/li&gt;
&lt;li&gt;&lt;a href="https://blog.chromium.org/2022/12/introducing-passkeys-in-chrome.html" target="_blank" rel="nofollow noopener"&gt;https://blog.chromium.org/2022/12/introducing-passkeys-in-chrome.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://support.apple.com/guide/iphone/sign-in-with-passkeys-iphf538ea8d0/16.0/ios/16.0" target="_blank" rel="nofollow noopener"&gt;https://support.apple.com/guide/iphone/sign-in-with-passkeys-iphf538ea8d0/16.0/ios/16.0&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://hex.pm/packages/webauthn_live_component" target="_blank" rel="nofollow noopener"&gt;https://hex.pm/packages/webauthn_live_component&lt;/a&gt; – Owen's library on Hex&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Do you have some Elixir news to share? Tell us at &lt;a href="https://twitter.com/ThinkingElixir" target="_blank" rel="nofollow noopener"&gt;@ThinkingElixir&lt;/a&gt; or email at &lt;a href="mailto:show@thinkingelixir.com" target="_blank" rel="nofollow noopener"&gt;show@thinkingelixir.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Discussion Resources&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://launchscout.com/" target="_blank" rel="nofollow noopener"&gt;https://launchscout.com/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://launchscout.com/blog/embedded-web-apps-with-livestate" target="_blank" rel="nofollow noopener"&gt;https://launchscout.com/blog/embedded-web-apps-with-livestate&lt;/a&gt; – Blog post talking about LiveState&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/launchscout/live_state" target="_blank" rel="nofollow noopener"&gt;https://github.com/launchscout/live_state&lt;/a&gt; – server-side of LiveState&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/launchscout/live-state" target="_blank" rel="nofollow noopener"&gt;https://github.com/launchscout/live-state&lt;/a&gt; – npm package for client-side of LiveState&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/launchscout/livestate-comments" target="_blank" rel="nofollow noopener"&gt;https://github.com/launchscout/livestate-comments&lt;/a&gt; – demo showing how LiveState works&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.youtube.com/watch?v=jLamITBMoVI" target="_blank" rel="nofollow noopener"&gt;https://www.youtube.com/watch?v=jLamITBMoVI&lt;/a&gt; – ElixirConf 2022 video&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.w3.org/TR/css-shadow-parts-1/" target="_blank" rel="nofollow noopener"&gt;https://www.w3.org/TR/css-shadow-parts-1/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components" target="_blank" rel="nofollow noopener"&gt;https://developer.mozilla.org/en-US/docs/Web/Web_Components&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://hexdocs.pm/phoenix/channels.html" target="_blank" rel="nofollow noopener"&gt;https://hexdocs.pm/phoenix/channels.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://disqus.com/" target="_blank" rel="nofollow noopener"&gt;https://disqus.com/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.w3.org/TR/css3-cascade/#inherit-initial" target="_blank" rel="nofollow noopener"&gt;https://www.w3.org/TR/css3-cascade/#inherit-initial&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements" target="_blank" rel="nofollow noopener"&gt;https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Guest Information&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://twitter.com/superchris" target="_blank" rel="nofollow noopener"&gt;https://twitter.com/superchris&lt;/a&gt; – on Twitter&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/superchris/" target="_blank" rel="nofollow noopener"&gt;https://github.com/superchris/&lt;/a&gt; – on Github&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://launchscout.com/blog/" target="_blank" rel="nofollow noopener"&gt;https://launchscout.com/blog/&lt;/a&gt; – Blog&lt;/li&gt;
&lt;li&gt;&lt;a href="mailto:chris@launchscout.com" target="_blank" rel="nofollow noopener"&gt;chris@launchscout.com&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Find us online&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Message the show - &lt;a href="https://twitter.com/ThinkingElixir" target="_blank" rel="nofollow noopener"&gt;@ThinkingElixir&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Message the show on Mastadon - &lt;a href="https://genserver.social/ThinkingElixir" target="_blank" rel="nofollow noopener"&gt;@ThinkingElixir@genserver.social&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Email the show - &lt;a href="mailto:show@thinkingelixir.com" target="_blank" rel="nofollow noopener"&gt;show@thinkingelixir.com&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Mark Ericksen - &lt;a href="https://twitter.com/brainlid" target="_blank" rel="nofollow noopener"&gt;@brainlid&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Mark Ericksen on Mastadon - &lt;a href="https://genserver.social/brainlid" target="_blank" rel="nofollow noopener"&gt;@brainlid@genserver.social&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;David Bernheisel - &lt;a href="https://twitter.com/bernheisel" target="_blank" rel="nofollow noopener"&gt;@bernheisel&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;David Bernheisel on Mastadon - &lt;a href="https://genserver.social/dbern" target="_blank" rel="nofollow noopener"&gt;@dbern@genserver.social&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Cade Ward - &lt;a href="https://twitter.com/cadebward" target="_blank" rel="nofollow noopener"&gt;@cadebward&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Cade Ward on Mastadon - &lt;a href="https://genserver.social/cadebward" target="_blank" rel="nofollow noopener"&gt;@cadebward@genserver.social&lt;/a&gt; &lt;/li&gt;
&lt;/ul&gt;
</description>
  <itunes:keywords>elixir, liveview, livestate, phoenix channels, state, html components</itunes:keywords>
  <content:encoded>
    <![CDATA[<p>LiveView isn&#39;t always the right answer. Chris Nelson created LiveState to enable embedding custom HTML components in other websites and connect over Phoenix channels to keep UI state on the server! LiveState takes an interesting approach that tries to keep many of the benefits of LiveView but apply it to situations like custom components in static sites hosted by other people. Chris explains how it works and what problems it solves. Check it out!</p>

<p>Show Notes online - <a href="http://podcast.thinkingelixir.com/132" rel="nofollow">http://podcast.thinkingelixir.com/132</a></p>

<p><strong>Elixir Community News</strong></p>

<ul>
<li>Happy New Year! Welcome to 2023!</li>
<li><a href="https://elixir-lang.org/blog/2022/12/22/cheatsheets-and-8-other-features-in-exdoc-that-improve-the-developer-experience/" rel="nofollow">https://elixir-lang.org/blog/2022/12/22/cheatsheets-and-8-other-features-in-exdoc-that-improve-the-developer-experience/</a> – ElixirLang blog post highlighting some ExDoc features</li>
<li><a href="https://twitter.com/hugobarauna/status/1605283803668221952" rel="nofollow">https://twitter.com/hugobarauna/status/1605283803668221952</a> – Hugo Baraúna used the new ExDoc Cheatsheet feature to add a couple Cheatsheets for Ecto.</li>
<li><a href="https://hexdocs.pm/ecto/crud.html" rel="nofollow">https://hexdocs.pm/ecto/crud.html</a></li>
<li><a href="https://hexdocs.pm/ecto/associations.html" rel="nofollow">https://hexdocs.pm/ecto/associations.html</a></li>
<li><a href="https://github.com/lukegalea/LiveBook_GoogleColab/blob/main/Google_Colab_hosted_Elixir_LiveBook_%2B_BumbleeBee_on_GPU_(Stable_Diffusion_%2B_GPT_2)_v1_0.ipynb" rel="nofollow">https://github.com/lukegalea/LiveBook_GoogleColab/blob/main/Google_Colab_hosted_Elixir_LiveBook_%2B_BumbleeBee_on_GPU_(Stable_Diffusion_%2B_GPT_2)_v1_0.ipynb</a> – Luke Galea created a Livebook online with an “Open in Colab” link at the top that goes through Jupyter notebooks to run Livebook on Google Colab&#39;s free tier.</li>
<li><a href="https://www.reddit.com/r/elixir/comments/zq5d2z/run_elixir_livebook_w_bumbleebee_on_gpu_for_free/" rel="nofollow">https://www.reddit.com/r/elixir/comments/zq5d2z/run_elixir_livebook_w_bumbleebee_on_gpu_for_free/</a></li>
<li><a href="https://github.com/am-kantox/finitomata" rel="nofollow">https://github.com/am-kantox/finitomata</a> – Aleksei Matiushkin released a library called Finitomata that reads your PlantUML or Mermaid chart and create a state machine from it</li>
<li><a href="https://twitter.com/elixirmembrane/status/1605519154689310721" rel="nofollow">https://twitter.com/elixirmembrane/status/1605519154689310721</a> – The membrane library “membrane_rtc_engine” announced v0.8.</li>
<li><a href="https://github.com/membraneframework/membrane_rtc_engine" rel="nofollow">https://github.com/membraneframework/membrane_rtc_engine</a></li>
<li><a href="https://elixirforum.com/t/webauthnlivecomponent-passwordless-auth-for-liveview-apps/49941/12" rel="nofollow">https://elixirforum.com/t/webauthnlivecomponent-passwordless-auth-for-liveview-apps/49941/12</a> – Owen Bickford has released some early support for passkeys in browsers and mobile devices</li>
<li><a href="https://blog.chromium.org/2022/12/introducing-passkeys-in-chrome.html" rel="nofollow">https://blog.chromium.org/2022/12/introducing-passkeys-in-chrome.html</a></li>
<li><a href="https://support.apple.com/guide/iphone/sign-in-with-passkeys-iphf538ea8d0/16.0/ios/16.0" rel="nofollow">https://support.apple.com/guide/iphone/sign-in-with-passkeys-iphf538ea8d0/16.0/ios/16.0</a></li>
<li><a href="https://hex.pm/packages/webauthn_live_component" rel="nofollow">https://hex.pm/packages/webauthn_live_component</a> – Owen&#39;s library on Hex</li>
</ul>

<p>Do you have some Elixir news to share? Tell us at <a href="https://twitter.com/ThinkingElixir" rel="nofollow">@ThinkingElixir</a> or email at <a href="mailto:show@thinkingelixir.com" rel="nofollow">show@thinkingelixir.com</a></p>

<p><strong>Discussion Resources</strong></p>

<ul>
<li><a href="https://launchscout.com/" rel="nofollow">https://launchscout.com/</a></li>
<li><a href="https://launchscout.com/blog/embedded-web-apps-with-livestate" rel="nofollow">https://launchscout.com/blog/embedded-web-apps-with-livestate</a> – Blog post talking about LiveState</li>
<li><a href="https://github.com/launchscout/live_state" rel="nofollow">https://github.com/launchscout/live_state</a> – server-side of LiveState</li>
<li><a href="https://github.com/launchscout/live-state" rel="nofollow">https://github.com/launchscout/live-state</a> – npm package for client-side of LiveState</li>
<li><a href="https://github.com/launchscout/livestate-comments" rel="nofollow">https://github.com/launchscout/livestate-comments</a> – demo showing how LiveState works</li>
<li><a href="https://www.youtube.com/watch?v=jLamITBMoVI" rel="nofollow">https://www.youtube.com/watch?v=jLamITBMoVI</a> – ElixirConf 2022 video</li>
<li><a href="https://www.w3.org/TR/css-shadow-parts-1/" rel="nofollow">https://www.w3.org/TR/css-shadow-parts-1/</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/Web_Components</a></li>
<li><a href="https://hexdocs.pm/phoenix/channels.html" rel="nofollow">https://hexdocs.pm/phoenix/channels.html</a></li>
<li><a href="https://disqus.com/" rel="nofollow">https://disqus.com/</a></li>
<li><a href="https://www.w3.org/TR/css3-cascade/#inherit-initial" rel="nofollow">https://www.w3.org/TR/css3-cascade/#inherit-initial</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements</a></li>
</ul>

<p><strong>Guest Information</strong></p>

<ul>
<li><a href="https://twitter.com/superchris" rel="nofollow">https://twitter.com/superchris</a> – on Twitter</li>
<li><a href="https://github.com/superchris/" rel="nofollow">https://github.com/superchris/</a> – on Github</li>
<li><a href="https://launchscout.com/blog/" rel="nofollow">https://launchscout.com/blog/</a> – Blog</li>
<li><a href="mailto:chris@launchscout.com" rel="nofollow">chris@launchscout.com</a></li>
</ul>

<p><strong>Find us online</strong></p>

<ul>
<li>Message the show - <a href="https://twitter.com/ThinkingElixir" rel="nofollow">@ThinkingElixir</a></li>
<li>Message the show on Mastadon - <a href="https://genserver.social/ThinkingElixir" rel="nofollow">@ThinkingElixir@genserver.social</a></li>
<li>Email the show - <a href="mailto:show@thinkingelixir.com" rel="nofollow">show@thinkingelixir.com</a></li>
<li>Mark Ericksen - <a href="https://twitter.com/brainlid" rel="nofollow">@brainlid</a></li>
<li>Mark Ericksen on Mastadon - <a href="https://genserver.social/brainlid" rel="nofollow">@brainlid@genserver.social</a></li>
<li>David Bernheisel - <a href="https://twitter.com/bernheisel" rel="nofollow">@bernheisel</a></li>
<li>David Bernheisel on Mastadon - <a href="https://genserver.social/dbern" rel="nofollow">@dbern@genserver.social</a></li>
<li>Cade Ward - <a href="https://twitter.com/cadebward" rel="nofollow">@cadebward</a></li>
<li>Cade Ward on Mastadon - <a href="https://genserver.social/cadebward" rel="nofollow">@cadebward@genserver.social</a></li>
</ul><p>Sponsored By:</p><ul><li><a rel="nofollow" href="https://fly.io">Fly.io</a>: <a rel="nofollow" href="https://fly.io">Fly.io is a great place to deploy your next Phoenix application! Check them out!</a></li></ul>]]>
  </content:encoded>
  <itunes:summary>
    <![CDATA[<p>LiveView isn&#39;t always the right answer. Chris Nelson created LiveState to enable embedding custom HTML components in other websites and connect over Phoenix channels to keep UI state on the server! LiveState takes an interesting approach that tries to keep many of the benefits of LiveView but apply it to situations like custom components in static sites hosted by other people. Chris explains how it works and what problems it solves. Check it out!</p>

<p>Show Notes online - <a href="http://podcast.thinkingelixir.com/132" rel="nofollow">http://podcast.thinkingelixir.com/132</a></p>

<p><strong>Elixir Community News</strong></p>

<ul>
<li>Happy New Year! Welcome to 2023!</li>
<li><a href="https://elixir-lang.org/blog/2022/12/22/cheatsheets-and-8-other-features-in-exdoc-that-improve-the-developer-experience/" rel="nofollow">https://elixir-lang.org/blog/2022/12/22/cheatsheets-and-8-other-features-in-exdoc-that-improve-the-developer-experience/</a> – ElixirLang blog post highlighting some ExDoc features</li>
<li><a href="https://twitter.com/hugobarauna/status/1605283803668221952" rel="nofollow">https://twitter.com/hugobarauna/status/1605283803668221952</a> – Hugo Baraúna used the new ExDoc Cheatsheet feature to add a couple Cheatsheets for Ecto.</li>
<li><a href="https://hexdocs.pm/ecto/crud.html" rel="nofollow">https://hexdocs.pm/ecto/crud.html</a></li>
<li><a href="https://hexdocs.pm/ecto/associations.html" rel="nofollow">https://hexdocs.pm/ecto/associations.html</a></li>
<li><a href="https://github.com/lukegalea/LiveBook_GoogleColab/blob/main/Google_Colab_hosted_Elixir_LiveBook_%2B_BumbleeBee_on_GPU_(Stable_Diffusion_%2B_GPT_2)_v1_0.ipynb" rel="nofollow">https://github.com/lukegalea/LiveBook_GoogleColab/blob/main/Google_Colab_hosted_Elixir_LiveBook_%2B_BumbleeBee_on_GPU_(Stable_Diffusion_%2B_GPT_2)_v1_0.ipynb</a> – Luke Galea created a Livebook online with an “Open in Colab” link at the top that goes through Jupyter notebooks to run Livebook on Google Colab&#39;s free tier.</li>
<li><a href="https://www.reddit.com/r/elixir/comments/zq5d2z/run_elixir_livebook_w_bumbleebee_on_gpu_for_free/" rel="nofollow">https://www.reddit.com/r/elixir/comments/zq5d2z/run_elixir_livebook_w_bumbleebee_on_gpu_for_free/</a></li>
<li><a href="https://github.com/am-kantox/finitomata" rel="nofollow">https://github.com/am-kantox/finitomata</a> – Aleksei Matiushkin released a library called Finitomata that reads your PlantUML or Mermaid chart and create a state machine from it</li>
<li><a href="https://twitter.com/elixirmembrane/status/1605519154689310721" rel="nofollow">https://twitter.com/elixirmembrane/status/1605519154689310721</a> – The membrane library “membrane_rtc_engine” announced v0.8.</li>
<li><a href="https://github.com/membraneframework/membrane_rtc_engine" rel="nofollow">https://github.com/membraneframework/membrane_rtc_engine</a></li>
<li><a href="https://elixirforum.com/t/webauthnlivecomponent-passwordless-auth-for-liveview-apps/49941/12" rel="nofollow">https://elixirforum.com/t/webauthnlivecomponent-passwordless-auth-for-liveview-apps/49941/12</a> – Owen Bickford has released some early support for passkeys in browsers and mobile devices</li>
<li><a href="https://blog.chromium.org/2022/12/introducing-passkeys-in-chrome.html" rel="nofollow">https://blog.chromium.org/2022/12/introducing-passkeys-in-chrome.html</a></li>
<li><a href="https://support.apple.com/guide/iphone/sign-in-with-passkeys-iphf538ea8d0/16.0/ios/16.0" rel="nofollow">https://support.apple.com/guide/iphone/sign-in-with-passkeys-iphf538ea8d0/16.0/ios/16.0</a></li>
<li><a href="https://hex.pm/packages/webauthn_live_component" rel="nofollow">https://hex.pm/packages/webauthn_live_component</a> – Owen&#39;s library on Hex</li>
</ul>

<p>Do you have some Elixir news to share? Tell us at <a href="https://twitter.com/ThinkingElixir" rel="nofollow">@ThinkingElixir</a> or email at <a href="mailto:show@thinkingelixir.com" rel="nofollow">show@thinkingelixir.com</a></p>

<p><strong>Discussion Resources</strong></p>

<ul>
<li><a href="https://launchscout.com/" rel="nofollow">https://launchscout.com/</a></li>
<li><a href="https://launchscout.com/blog/embedded-web-apps-with-livestate" rel="nofollow">https://launchscout.com/blog/embedded-web-apps-with-livestate</a> – Blog post talking about LiveState</li>
<li><a href="https://github.com/launchscout/live_state" rel="nofollow">https://github.com/launchscout/live_state</a> – server-side of LiveState</li>
<li><a href="https://github.com/launchscout/live-state" rel="nofollow">https://github.com/launchscout/live-state</a> – npm package for client-side of LiveState</li>
<li><a href="https://github.com/launchscout/livestate-comments" rel="nofollow">https://github.com/launchscout/livestate-comments</a> – demo showing how LiveState works</li>
<li><a href="https://www.youtube.com/watch?v=jLamITBMoVI" rel="nofollow">https://www.youtube.com/watch?v=jLamITBMoVI</a> – ElixirConf 2022 video</li>
<li><a href="https://www.w3.org/TR/css-shadow-parts-1/" rel="nofollow">https://www.w3.org/TR/css-shadow-parts-1/</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/Web_Components</a></li>
<li><a href="https://hexdocs.pm/phoenix/channels.html" rel="nofollow">https://hexdocs.pm/phoenix/channels.html</a></li>
<li><a href="https://disqus.com/" rel="nofollow">https://disqus.com/</a></li>
<li><a href="https://www.w3.org/TR/css3-cascade/#inherit-initial" rel="nofollow">https://www.w3.org/TR/css3-cascade/#inherit-initial</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements</a></li>
</ul>

<p><strong>Guest Information</strong></p>

<ul>
<li><a href="https://twitter.com/superchris" rel="nofollow">https://twitter.com/superchris</a> – on Twitter</li>
<li><a href="https://github.com/superchris/" rel="nofollow">https://github.com/superchris/</a> – on Github</li>
<li><a href="https://launchscout.com/blog/" rel="nofollow">https://launchscout.com/blog/</a> – Blog</li>
<li><a href="mailto:chris@launchscout.com" rel="nofollow">chris@launchscout.com</a></li>
</ul>

<p><strong>Find us online</strong></p>

<ul>
<li>Message the show - <a href="https://twitter.com/ThinkingElixir" rel="nofollow">@ThinkingElixir</a></li>
<li>Message the show on Mastadon - <a href="https://genserver.social/ThinkingElixir" rel="nofollow">@ThinkingElixir@genserver.social</a></li>
<li>Email the show - <a href="mailto:show@thinkingelixir.com" rel="nofollow">show@thinkingelixir.com</a></li>
<li>Mark Ericksen - <a href="https://twitter.com/brainlid" rel="nofollow">@brainlid</a></li>
<li>Mark Ericksen on Mastadon - <a href="https://genserver.social/brainlid" rel="nofollow">@brainlid@genserver.social</a></li>
<li>David Bernheisel - <a href="https://twitter.com/bernheisel" rel="nofollow">@bernheisel</a></li>
<li>David Bernheisel on Mastadon - <a href="https://genserver.social/dbern" rel="nofollow">@dbern@genserver.social</a></li>
<li>Cade Ward - <a href="https://twitter.com/cadebward" rel="nofollow">@cadebward</a></li>
<li>Cade Ward on Mastadon - <a href="https://genserver.social/cadebward" rel="nofollow">@cadebward@genserver.social</a></li>
</ul><p>Sponsored By:</p><ul><li><a rel="nofollow" href="https://fly.io">Fly.io</a>: <a rel="nofollow" href="https://fly.io">Fly.io is a great place to deploy your next Phoenix application! Check them out!</a></li></ul>]]>
  </itunes:summary>
</item>
  </channel>
</rss>
