Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

734: HTMX Web Apps with Carson Gross

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

Scott and Wes welcome HTMX creator Carson Gross to discuss the versatile applications and optimal scenarios for using HTMX, alongside insights into its creation and evolution. Join us as we explore the future prospects and improvements as we look towards HTMX 2.0. <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=00:52">00:52</a> Brought to you by <a href="www.sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=02:22">02:22</a> Who is Carson Gross?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://github.com/bigskysoftware">BigSkySoftware GitHub</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://bigsky.software/">BigSkySoftware</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=03:53">03:53</a> What exactly is HTMX?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://htmx.org/">htmx.org</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://htmx.org/examples/">htmx.org/examples</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=07:04">07:04</a> What made you want to create something like HTMX?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://intercoolerjs.org/">intercooler.js</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=10:01">10:01</a> Would HTML look more like HTMX if we were to rebuild it today?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=12:54">12:54</a> Isn’t HTMX a step backward into old-school AJAX?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=16:09">16:09</a> When would you avoid using HTMX?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=17:56">17:56</a> Does HTMX put an unnecessary load on the server?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=21:46">21:46</a> What are your thoughts on rendering everything on the server?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=26:29">26:29</a> What is your favorite stack?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=28:49">28:49</a> Things that are lost moving to the JavaScript framework world.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=30:16">30:16</a> HTMX coupling your front end and back end.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=32:28">32:28</a> How do you feel about web components?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=33:40">33:40</a> What are the big templating engines and your top pick?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://htmx.org/essays/">HTMX Essays</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=36:33">36:33</a> Object-oriented HTML.</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="#t=37:38">37:38</a> Is there an offline story or a “local-first” story for HTMX?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=38:44">38:44</a> What does the future of HTMX look like given its rise in popularity?</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="#t=40:03">40:03</a> HTMX and X (Twitter).</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://syntax.fm/show/726">Syntax Show 726</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://twitter.com/htmx_org">HTMX on X</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="#t=42:30">42:30</a> The Microsoft story.</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="#t=45:26">45:26</a> Carson’s thoughts on de-escalating the language around HTMX.</li> <li class="has-line-data" data-line-start="33" data-line-end="35"> <a href="#t=47:44">47:44</a> Sick Picks + Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="35" data-line-end="36"> <a id="Sick_Picks_35"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="37" data-line-end="39"> Carson: <a href="https://alpinejs.dev/">AlpineJS</a>, <a href= "https://datastar.fly.dev/">Datastar</a></li> </ul> <h3 class="code-line" data-line-start="39" data-line-end="40"> <a id="Shameless_Plugs_39"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="41" data-line-end="42"> Carson: <a href="https://hypermedia.systems/">Hypermedia Systems</a>, <a href="https://swag.htmx.org/en-cad/">HTMX Swag</a></li> </ul> <h3 class="code-line" data-line-start="44" data-line-end="45"> <a id="Hit_us_up_on_Socials_44"></a>Hit us up on Socials!</h3> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott:<a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

Scott and Wes welcome HTMX creator Carson Gross to discuss the versatile applications and optimal scenarios for using HTMX, alongside insights into its creation and evolution. Join us as we explore the future prospects and improvements as we look towards HTMX 2.0.
 Show Notes  00:00 Welcome to Syntax!
 00:52 Brought to you by Sentry.io

 02:22 Who is Carson Gross?
 BigSkySoftware GitHub

 BigSkySoftware

 03:53 What exactly is HTMX?
 htmx.org

 htmx.org/examples

 07:04 What made you want to create something like HTMX?
 intercooler.js

 10:01 Would HTML look more like HTMX if we were to rebuild it today?
 12:54 Isn’t HTMX a step backward into old-school AJAX?
 16:09 When would you avoid using HTMX?
 17:56 Does HTMX put an unnecessary load on the server?
 21:46 What are your thoughts on rendering everything on the server?
 26:29 What is your favorite stack?
 28:49 Things that are lost moving to the JavaScript framework world.
 30:16 HTMX coupling your front end and back end.
 32:28 How do you feel about web components?
 33:40 What are the big templating engines and your top pick?
 HTMX Essays

 36:33 Object-oriented HTML.
 37:38 Is there an offline story or a “local-first” story for HTMX?
 38:44 What does the future of HTMX look like given its rise in popularity?
 40:03 HTMX and X (Twitter).
 Syntax Show 726

 HTMX on X

 42:30 The Microsoft story.
 45:26 Carson’s thoughts on de-escalating the language around HTMX.
 47:44 Sick Picks + Shameless Plugs.
  Sick Picks  Carson: AlpineJS, Datastar

  Shameless Plugs  Carson: Hypermedia Systems, HTMX Swag

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott:X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

734: HTMX Web Apps with Carson Gross

Poslechněte si podcast