Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Supper Club × Solid.js with Ryan Carniato

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 Ryan Carniato about Solid.JS, SolidStart, how web components work with Solid, why he chose JSX, and what the future of Solid is.</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:37">00:37</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=01:38">01:38</a></strong> Who is Ryan Carniato?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://twitter.com/RyanCarniato">@RyanCarniato on Twitter</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://dev.to/ryansolid">Ryan on Dev.to</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://www.solidjs.com">Solid.JS</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=02:37">02:37</a></strong> Why did you build Solid?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://knockoutjs.com">Knockout.JS</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://markojs.com">Marko JS</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=09:15">09:15</a></strong> What is Solid?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=12:55">12:55</a></strong> What does it mean to compile to vanilla JavaScript?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://start.solidjs.com">SolidStart</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://tanstack.com/query/latest">Tanstack Query</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=19:39">19:39</a></strong> What are observables and signals?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=27:17">27:17</a></strong> How are web components used inside of Solid?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=29:38">29:38</a></strong> Why aren’t we using web components more?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=32:37">32:37</a></strong> Why would someone pick SolidStart vs Solid?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=39:07">39:07</a></strong> Why did you choose JSX?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=44:45">44:45</a></strong> How did you build live code examples into documentation?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://docs.solidjs.com">SolidJS Docs</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://solid-movies.app">Solid-Movies.app</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=47:19">47:19</a></strong> What is Solid.JS built on?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=53:36">53:36</a></strong> What is the future of Solid?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=00:39">00:39</a></strong> Supper club questions</li> <li class="has-line-data" data-line-start="27" data-line-end="29"> <strong><a href="#t=02:57">02:57</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="29" data-line-end="30"> <a id="_SIIIIICK__PIIIICKS__29" name= "_SIIIIICK__PIIIICKS__29"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="31" data-line-end="33"> <a href="https://www.netflix.com/ca/title/80200575">Alice in Borderland</a></li> </ul> <h2 class="code-line" data-line-start="33" data-line-end="34"> <a id="Shameless_Plugs_33" name="Shameless_Plugs_33"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="https://www.twitch.tv/ryansolid">Ryan on Twitch</a></li> <li class="has-line-data" data-line-start="36" data-line-end="38"> <a href="https://www.youtube.com/@ryansolid">Ryan on YouTube</a></li> </ul> <h2 class="code-line" data-line-start="38" data-line-end="39"> <a id="Tweet_us_your_tasty_treats_38" name= "Tweet_us_your_tasty_treats_38"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> 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 Ryan Carniato about Solid.JS, SolidStart, how web components work with Solid, why he chose JSX, and what the future of Solid is.
 Show Notes  00:37 Welcome
 01:38 Who is Ryan Carniato?
 @RyanCarniato on Twitter

 Ryan on Dev.to

 Solid.JS

 02:37 Why did you build Solid?
 Knockout.JS

 Marko JS

 09:15 What is Solid?
 12:55 What does it mean to compile to vanilla JavaScript?
 SolidStart

 Tanstack Query

 19:39 What are observables and signals?
 27:17 How are web components used inside of Solid?
 29:38 Why aren’t we using web components more?
 32:37 Why would someone pick SolidStart vs Solid?
 39:07 Why did you choose JSX?
 44:45 How did you build live code examples into documentation?
 SolidJS Docs

 Solid-Movies.app

 47:19 What is Solid.JS built on?
 53:36 What is the future of Solid?
 00:39 Supper club questions
 02:57 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Alice in Borderland

  Shameless Plugs  Ryan on Twitch

 Ryan on YouTube

  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 × Solid.js with Ryan Carniato

Poslechněte si podcast