Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Supper Club × Rich Harris, Author of Svelte

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 the author of Svelte, Rich Harris, about what influenced the creation of Svelte, his thoughts on web components, the virtual DOM, why companies are switching to Svelte, and what’s next for Svelte.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Gatsby__Sponsor_2" name="Gatsby__Sponsor_2"></a>Gatsby - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5"> Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the hardest parts of building a performant website simpler. Visit <a href="https://gatsby.dev/syntax">gatsby.dev/syntax</a> to get your first Gatsby site up in minutes and experience the speed. ⚡️</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:33">00:33</a></strong> Welcome</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=02:10">02:10</a></strong> Who is Rich Harris?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://twitter.com/rich_harris">Rich Harris on Twitter</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=02:55">02:55</a></strong> What is Svelte?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://svelte.dev">Svelte</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://vercel.com">Vercel</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://kit.svelte.dev">Svelte Kit</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=06:52">06:52</a></strong> What influenced the template language for Svelte?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=10:03">10:03</a></strong> What do you use the const tag for?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=10:49">10:49</a></strong> Sponsor: Gatsby</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=12:04">12:04</a></strong> What about immutability issues?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=17:49">17:49</a></strong> What about web components?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=21:51">21:51</a></strong> Why does Svelte not need the virtual DOM?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=27:34">27:34</a></strong> Sponsor: Lightstep Incident Response</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=28:45">28:45</a></strong> What is your favorite part of working in Svelte?</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=32:31">32:31</a></strong> Why are companies switching to Svelte?</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=34:35">34:35</a></strong> What is the SvelteKit timeline?</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <strong><a href="#t=38:52">38:52</a></strong> What’s the next version of Svelte include?</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://motion.dev">Motion</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=41:36">41:36</a></strong> Any thoughts on new backend JavaScript environments?</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://en.wikipedia.org/wiki/Web_interoperability">Web Interoperability</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <strong><a href="#t=45:39">45:39</a></strong> Supperclub Questions</li> <li class="has-line-data" data-line-start="36" data-line-end="38"> <strong><a href="#t=52:40">52:40</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="38" data-line-end="39"> <a id="_SIIIIICK__PIIIICKS__38" name= "_SIIIIICK__PIIIICKS__38"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="40" data-line-end="42"> Rich: <a href="https://mullvad.net">Mullvad VPN</a></li> </ul> <h2 class="code-line" data-line-start="42" data-line-end="43"> <a id="Shameless_Plugs_42" name="Shameless_Plugs_42"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="44" data-line-end="46"> <a href="https://www.youtube.com/watch?v=kMlkCYL9qo0">Svelte Origins</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 the author of Svelte, Rich Harris, about what influenced the creation of Svelte, his thoughts on web components, the virtual DOM, why companies are switching to Svelte, and what’s next for Svelte.
 Gatsby - Sponsor Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the hardest parts of building a performant website simpler. Visit gatsby.dev/syntax to get your first Gatsby site up in minutes and experience the speed. ⚡️
 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:33 Welcome
 02:10 Who is Rich Harris?
 Rich Harris on Twitter

 02:55 What is Svelte?
 Svelte

 Vercel

 Svelte Kit

 06:52 What influenced the template language for Svelte?
 10:03 What do you use the const tag for?
 10:49 Sponsor: Gatsby
 12:04 What about immutability issues?
 17:49 What about web components?
 21:51 Why does Svelte not need the virtual DOM?
 27:34 Sponsor: Lightstep Incident Response
 28:45 What is your favorite part of working in Svelte?
 32:31 Why are companies switching to Svelte?
 34:35 What is the SvelteKit timeline?
 38:52 What’s the next version of Svelte include?
 Motion

 41:36 Any thoughts on new backend JavaScript environments?
 Web Interoperability

 45:39 Supperclub Questions
 52:40 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Rich: Mullvad VPN

  Shameless Plugs  Svelte Origins

  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

Supper Club × Rich Harris, Author of Svelte

Poslechněte si podcast