Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Supper Club × Headless Ecommerce with Shopify’s Josh Larson

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.

<p class="has-line-data" data-line-start="0" data-line-end="1">In this supper club episode of Syntax, Wes and Scott talk with Josh Larson from Shopify about headless ecommerce, including Hydrogen from Shopify, how integrations work with Shopify, and what the tech stack is behind Hydrogen.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Hasura__Sponsor_2" name="Hasura__Sponsor_2"></a>Hasura - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5">With Hasura, you can get a fully managed, production-ready GraphQL API as a service to help you build modern apps faster. You can get started for free in 30 seconds, or if you want to try out the Standard tier for zero cost, use the code “TryHasura” at this link: <a href="https://hasura.info/freetrial">hasura.info</a>. We’ve also got an amazing selection of GraphQL tutorials at <a href= "https://hasura.io/learn">hasura.io/learn</a>.</p> <h2 class="code-line" data-line-start="6" data-line-end="7"><a id= "Lightstep_Incident_Response__Sponsor_6" name= "Lightstep_Incident_Response__Sponsor_6"></a>Lightstep Incident Response - Sponsor</h2> <p class="has-line-data" data-line-start="8" data-line-end="9"> Streamline on-call, collaboration, incident management, and automation with a free 30-day trial of <a href= "http://lightstep.com/syntax">Lightstep Incident Response</a>, built on ServiceNow. Usage-based pricing on active services promotes collaboration across your entire team to build a culture of service ownership. Listeners of Syntax will also receive a free Lightstep Incident Response T-shirt after firing an alert or incident.</p> <p class="has-line-data" data-line-start="10" data-line-end="11"> Pay for the services you use, not the number of people on your team with <a href="http://lightstep.com/syntax">Lightstep Incident Response</a>, built on ServiceNow. Streamline on-call, collaboration, incident management, and automation with a free 30-day trial. Fire an alert or incident today and receive a free Lightstep Incident Response t-shirt.</p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="Show_Notes_12" name="Show_Notes_12"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=00:38">00:38</a></strong> Welcome</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=01:12">01:12</a></strong> Guest introduction</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=03:16">03:16</a></strong> What is Hydrogen from Shopify?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://hydrogen.shopify.dev">Hydrogen</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://shopify.dev/custom-storefronts/oxygen">Shopify Oxygen</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=11:23">11:23</a></strong> Why would you want to go headless?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=15:26">15:26</a></strong> Sponsor: Hasura</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=16:56">16:56</a></strong> Where does custom logic fit?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=18:45">18:45</a></strong> What is the stack behind Hydrogen?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=24:16">24:16</a></strong> Sponsor: Lightstep Incident Response</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=25:33">25:33</a></strong> How much code is JavaScript vs React?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=33:43">33:43</a></strong> How do integrations work?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=38:28">38:28</a></strong> Supper Club Questions</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href= "https://marketplace.visualstudio.com/items?itemName=sdras.inbedby7pm"> In Bed By 7pm VS Code Theme</a></li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://ohmyz.sh">Zsh</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://hyper.is">Hyper</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://laravel.com">Laravel</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://vitejs.dev">Vite</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://workers.cloudflare.com">Cloudflare Workers</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://www.rust-lang.org">Rust</a></li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://rustforjs.dev">Rust for JS</a></li> <li class="has-line-data" data-line-start="35" data-line-end="37"> <strong><a href="#t=48:10">48:10</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="37" data-line-end="38"> <a id="_SIIIIICK__PIIIICKS__37" name= "_SIIIIICK__PIIIICKS__37"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="39" data-line-end="41"> <a href="https://www.vice.com/en/topic/the-story-of">The Story Of by Vice</a></li> </ul> <h2 class="code-line" data-line-start="41" data-line-end="42"> <a id="Shameless_Plugs_41" name="Shameless_Plugs_41"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://twitter.com/jplhomer">@JPLHomer</a></li> <li class="has-line-data" data-line-start="44" data-line-end="46"> <a href="https://www.shopify.ca/enterprise/editions">Shopify Editions</a></li> </ul> <h2 class="code-line" data-line-start="46" data-line-end="47"> <a id="Tweet_us_your_tasty_treats_46" name= "Tweet_us_your_tasty_treats_46"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this supper club episode of Syntax, Wes and Scott talk with Josh Larson from Shopify about headless ecommerce, including Hydrogen from Shopify, how integrations work with Shopify, and what the tech stack is behind Hydrogen.
 Hasura - Sponsor With Hasura, you can get a fully managed, production-ready GraphQL API as a service to help you build modern apps faster. You can get started for free in 30 seconds, or if you want to try out the Standard tier for zero cost, use the code “TryHasura” at this link: hasura.info. We’ve also got an amazing selection of GraphQL tutorials at hasura.io/learn.
 Lightstep Incident Response - Sponsor Streamline on-call, collaboration, incident management, and automation with a free 30-day trial of Lightstep Incident Response, built on ServiceNow. Usage-based pricing on active services promotes collaboration across your entire team to build a culture of service ownership. Listeners of Syntax will also receive a free Lightstep Incident Response T-shirt after firing an alert or incident.
 Pay for the services you use, not the number of people on your team with Lightstep Incident Response, built on ServiceNow. Streamline on-call, collaboration, incident management, and automation with a free 30-day trial. Fire an alert or incident today and receive a free Lightstep Incident Response t-shirt.
 Show Notes  00:38 Welcome
 01:12 Guest introduction
 03:16 What is Hydrogen from Shopify?
 Hydrogen

 Shopify Oxygen

 11:23 Why would you want to go headless?
 15:26 Sponsor: Hasura
 16:56 Where does custom logic fit?
 18:45 What is the stack behind Hydrogen?
 24:16 Sponsor: Lightstep Incident Response
 25:33 How much code is JavaScript vs React?
 33:43 How do integrations work?
 38:28 Supper Club Questions
  In Bed By 7pm VS Code Theme

 Zsh

 Hyper

 Laravel

 Vite

 Cloudflare Workers

 Rust

 Rust for JS

 48:10 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  The Story Of by Vice

  Shameless Plugs  @JPLHomer

 Shopify Editions

  Tweet us your tasty treats  Scott’s Instagram

 LevelUpTutorials Instagram

 Wes’ Instagram

 Wes’ Twitter

 Wes’ Facebook

 Scott’s Twitter

 Make sure to include @SyntaxFM in your tweets

Aplikace Youradio Talk

Pro přehrání dalších podcastů se prosím registrujte.

Supper Club × Headless Ecommerce with Shopify’s Josh Larson

Poslechněte si podcast