Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Supper Club × Open Sauced With bdougie

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 bdougie about his work on Open Sauced, thoughts on getting into open source development, and his live streaming set up.</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= "FireHydrant__Sponsor_6" name= "FireHydrant__Sponsor_6"></a>FireHydrant - Sponsor</h2> <p class="has-line-data" data-line-start="8" data-line-end="9"> Incidents are hard. Managing them shouldn’t be. FireHydrant makes it easy for anyone in your organization to respond to incidents efficiently and consistently. Intuitive, guided workflows provide turn-by-turn navigation for incident response, while thoughtful prompts and powerful integrations capture all of your incident data to drive useful retros and actionable analytics.</p> <p class="has-line-data" data-line-start="10" data-line-end="11"> Get started at <a href= "https://Firehydrant.com/syntax">Firehydrant.com/syntax</a></p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="Storyblok__Sponsor_12" name= "Storyblok__Sponsor_12"></a>Storyblok - Sponsor</h2> <p class="has-line-data" data-line-start="14" data-line-end="15"> <a href= "https://www.storyblok.com/?utm_source=syntaxfm&utm_medium=sponsor&utm_campaign=AWA_SPON_SFM_TRA&utm_content=syntaxfm-podcast"> Storyblok</a> is a headless component-based CMS with a real-time visual editor. It offers the flexibility for developers to craft their perfect tech stack, but it also empowers content creators to make changes independently. The result is that every team has the freedom to quickly and easily create the ideal website with limitless extensibility. Other key features include robust Storyblok SDKs and APIs, powerful internationalization options, and an eCommerce-ready platform.</p> <h2 class="code-line" data-line-start="16" data-line-end="17"> <a id="Show_Notes_16" name="Show_Notes_16"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=00:36">00:36</a></strong> Welcome</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=01:52">01:52</a></strong> Guest introduction</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://opensauced.pizza/">OpenSauced.pizza</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://www.tiktok.com/@bdougieyo">@Bdougieyo on TikTok</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://www.twitch.tv/bdougie">bdougie on Twitch</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://www.youtube.com/c/OpenSauced">Open Sauced on YouTube</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://www.youtube.com/c/bdougie">bdougie on YouTube</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://jamstack.org">Jamstack</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://www.netlify.com">Netlify</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=03:36">03:36</a></strong> What was the inspiration for Open Sauced?</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=08:23">08:23</a></strong> GitHub GraphQL API</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=13:22">13:22</a></strong> What are your thoughts on GraphQL?</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://www.graphql.com">GraphQL</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <strong><a href="#t=14:36">14:36</a></strong> What is the T3 stack?</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <strong><a href="#t=16:30">16:30</a></strong> Sponsor: Hasura</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=17:53">17:53</a></strong> What is the goal for Open Sauced?</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://beta.insights.opensauced.pizza">Open Sauced Beta for Hacktoberfest</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <strong><a href="#t=20:08">20:08</a></strong> What is your focus with live streaming?</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="https://github.com/topics/t3-stack">T3 Stack</a></li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://vitejs.dev">Vite</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href= "https://syntax.fm/show/508/supper-club-the-primeagan-vim-streaming-rust-all-around-interesting-guy"> The Primeagan on Syntax Episode 508</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://octoverse.github.com">Octoverse</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://hot.opensauced.pizza">Hot Open Sauced Pizza</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <strong><a href="#t=21:39">21:39</a></strong> What hardware and software do you live stream with?</li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://rode.com/en/microphones/broadcast/procaster">Rode Procaster</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://www.elgato.com/en/wave-xlr">Wave XLR</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href= "https://www.tc-helicon.com/series.html?category=R-TCHELICON-GOXLRSERIES"> GoXLR</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://obsproject.com">OBS</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <strong><a href="#t=25:26">25:26</a></strong> Should adults be on TikTok?</li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <strong><a href="#t=30:31">30:31</a></strong> How do you build an algorithm?</li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <strong><a href="#t=32:44">32:44</a></strong> Sponsor: Storyblok</li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <strong><a href="#t=34:01">34:01</a></strong> Supper club questions</li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href= "https://www.keychron.com/products/keychron-k2-wireless-mechanical-keyboard"> Keychron K2</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://www.warp.dev">Warp</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href= "https://docs.replit.com/programming-ide/GhostWriter-FAQ#what-is-ghostwriter"> Ghostwriter from Replit</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://www.youtube.com/watch?v=XASH3z3TORo">A first look at GitHub Copilot</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://stablediffusionweb.com">Stable Diffusion</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://fig.io">Fig</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <strong><a href="#t=43:17">43:17</a></strong> Sponsor: FireHydrant</li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <strong><a href="#t=44:36">44:36</a></strong> Interviews with open source maintainers</li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <strong><a href="#t=45:55">45:55</a></strong> How should maintainers get paid?</li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="http://patreon.com">Patreon</a></li> <li class="has-line-data" data-line-start="60" data-line-end="61"> <a href="https://github.com/sponsors">GitHub Sponsors</a></li> <li class="has-line-data" data-line-start="61" data-line-end="62"> <a href="https://neovim.io">Neovim</a></li> <li class="has-line-data" data-line-start="62" data-line-end="63"> <a href="https://vim-adventures.com">Vim Adventures</a></li> <li class="has-line-data" data-line-start="63" data-line-end="64"> <a href="https://www.lunarvim.org">Lunar Vim</a></li> <li class="has-line-data" data-line-start="64" data-line-end="65"> <strong><a href="#t=47:47">47:47</a></strong> SIIIIICK ××× PIIIICKS ×××</li> <li class="has-line-data" data-line-start="65" data-line-end="67"> <strong><a href="#t=51:34">51:34</a></strong> Shameless Plugs</li> </ul> <h2 class="code-line" data-line-start="67" data-line-end="68"> <a id="_SIIIIICK__PIIIICKS__67" name= "_SIIIIICK__PIIIICKS__67"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="69" data-line-end="71"> bdougie: <a href="https://www.warp.dev">Warp</a></li> </ul> <h2 class="code-line" data-line-start="71" data-line-end="72"> <a id="Shameless_Plugs_71" name="Shameless_Plugs_71"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="73" data-line-end="74"> <a href="https://twitter.com/bdougieYO">bdougie on Twitter</a></li> <li class="has-line-data" data-line-start="74" data-line-end="76"> <a href="https://twitter.com/saucedopen">saucedopen on Twitter</a></li> </ul> <h2 class="code-line" data-line-start="76" data-line-end="77"> <a id="Tweet_us_your_tasty_treats_76" name= "Tweet_us_your_tasty_treats_76"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="78" data-line-end="79"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="79" data-line-end="80"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="80" data-line-end="81"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="81" data-line-end="82"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="82" data-line-end="83"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="83" data-line-end="84"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="84" data-line-end="85"> 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 bdougie about his work on Open Sauced, thoughts on getting into open source development, and his live streaming set up.
 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.
 FireHydrant - Sponsor Incidents are hard. Managing them shouldn’t be. FireHydrant makes it easy for anyone in your organization to respond to incidents efficiently and consistently. Intuitive, guided workflows provide turn-by-turn navigation for incident response, while thoughtful prompts and powerful integrations capture all of your incident data to drive useful retros and actionable analytics.
 Get started at Firehydrant.com/syntax
 Storyblok - Sponsor  Storyblok is a headless component-based CMS with a real-time visual editor. It offers the flexibility for developers to craft their perfect tech stack, but it also empowers content creators to make changes independently. The result is that every team has the freedom to quickly and easily create the ideal website with limitless extensibility. Other key features include robust Storyblok SDKs and APIs, powerful internationalization options, and an eCommerce-ready platform.
 Show Notes  00:36 Welcome
 01:52 Guest introduction
 OpenSauced.pizza

 @Bdougieyo on TikTok

 bdougie on Twitch

 Open Sauced on YouTube

 bdougie on YouTube

 Jamstack

 Netlify

 03:36 What was the inspiration for Open Sauced?
 08:23 GitHub GraphQL API
 13:22 What are your thoughts on GraphQL?
 GraphQL

 14:36 What is the T3 stack?
 16:30 Sponsor: Hasura
 17:53 What is the goal for Open Sauced?
 Open Sauced Beta for Hacktoberfest

 20:08 What is your focus with live streaming?
 T3 Stack

 Vite

  The Primeagan on Syntax Episode 508

 Octoverse

 Hot Open Sauced Pizza

 21:39 What hardware and software do you live stream with?
 Rode Procaster

 Wave XLR

  GoXLR

 OBS

 25:26 Should adults be on TikTok?
 30:31 How do you build an algorithm?
 32:44 Sponsor: Storyblok
 34:01 Supper club questions
  Keychron K2

 Warp

  Ghostwriter from Replit

 A first look at GitHub Copilot

 Stable Diffusion

 Fig

 43:17 Sponsor: FireHydrant
 44:36 Interviews with open source maintainers
 45:55 How should maintainers get paid?
 Patreon

 GitHub Sponsors

 Neovim

 Vim Adventures

 Lunar Vim

 47:47 SIIIIICK ××× PIIIICKS ×××
 51:34 Shameless Plugs
  ××× SIIIIICK ××× PIIIICKS ×××  bdougie: Warp

  Shameless Plugs  bdougie on Twitter

 saucedopen on Twitter

  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 × Open Sauced With bdougie

Poslechněte si podcast