Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Supper Club × Qwik framework from Miško Hevery, the Creator of Angular

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 Miško Hevery about why developers should check out Qwik, the benefits of lazy loading, sharing state between components, and other <a href= "http://Builder.io">Builder.io</a> projects like Partytown and Mitosis.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2" name="Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:35">00:35</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=01:19">01:19</a></strong> Guest intro</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="http://misko.hevery.com">Miško Hevery</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://twitter.com/mhevery">@MHevery</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=01:58">01:58</a></strong> What is Resumability?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=05:06">05:06</a></strong> What is Qwik?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://qwik.builder.io">Qwik</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://qwik.builder.io/qwikcity/overview/">Qwik City</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=07:03">07:03</a></strong> Why would you want to make a component resumable?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=12:08">12:08</a></strong> Qwik code can be lazy loaded</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=15:28">15:28</a></strong> How is server side rendering handled?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=18:12">18:12</a></strong> How does Vite help?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=22:40">22:40</a></strong> A bit more about hydration</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=31:03">31:03</a></strong> How does the server collection information?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=32:11">32:11</a></strong> How do you share state between components?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=34:45">34:45</a></strong> How is data fetching handled?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=37:47">37:47</a></strong> Why are you using JSX?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=41:53">41:53</a></strong> Dealing with components in other frameworks</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href= "https://mitosis.builder.io/?outputTab=G4VwpkA%3D">Mitosis</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=49:21">49:21</a></strong> What is Partytown?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://partytown.builder.io">Partytown</a></li> <li class="has-line-data" data-line-start="25" data-line-end="27"> <strong><a href="#t=54:30">54:30</a></strong> Supper Club questions</li> </ul> <h2 class="code-line" data-line-start="27" data-line-end="28"> <a id="_SIIIIICK__PIIIICKS__27" name= "_SIIIIICK__PIIIICKS__27"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="29" data-line-end="31"> <a href="https://amzn.to/3H50dfQ">Thinking Fast and Slow</a></li> </ul> <h2 class="code-line" data-line-start="31" data-line-end="32"> <a id="Shameless_Plugs_31" name="Shameless_Plugs_31"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="33" data-line-end="35"> <a href="https://www.builder.io">Builder.io</a></li> </ul> <h2 class="code-line" data-line-start="35" data-line-end="36"> <a id="Tweet_us_your_tasty_treats_35" name= "Tweet_us_your_tasty_treats_35"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> 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 Miško Hevery about why developers should check out Qwik, the benefits of lazy loading, sharing state between components, and other Builder.io projects like Partytown and Mitosis.
 Show Notes  00:35 Welcome
 01:19 Guest intro
 Miško Hevery

 @MHevery

 01:58 What is Resumability?
 05:06 What is Qwik?
 Qwik

 Qwik City

 07:03 Why would you want to make a component resumable?
 12:08 Qwik code can be lazy loaded
 15:28 How is server side rendering handled?
 18:12 How does Vite help?
 22:40 A bit more about hydration
 31:03 How does the server collection information?
 32:11 How do you share state between components?
 34:45 How is data fetching handled?
 37:47 Why are you using JSX?
 41:53 Dealing with components in other frameworks
 Mitosis

 49:21 What is Partytown?
 Partytown

 54:30 Supper Club questions
  ××× SIIIIICK ××× PIIIICKS ×××  Thinking Fast and Slow

  Shameless Plugs  Builder.io

  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 × Qwik framework from Miško Hevery, the Creator of Angular

Poslechněte si podcast