Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck × Meeting IRL × SSG vs SSR × Domain Privacy

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 Potluck episode of Syntax, Wes and Scott answer your questions about meeting IRL, bookmarks, SSG vs SSR, domain privacy, deploying monorepos, and more.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Sentry___Sponsor_2" name="Sentry___Sponsor_2"></a>Sentry - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5">If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting <a href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up.</p> <h2 class="code-line" data-line-start="6" data-line-end="7"><a id= "Sanity__Sponsor_6" name="Sanity__Sponsor_6"></a>Sanity - Sponsor</h2> <p class="has-line-data" data-line-start="8" data-line-end="9"> <a href="http://Sanity.io">Sanity.io</a> is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at <a href= "https://www.sanity.io/create">sanity.io/create</a>. Get an awesome supercharged free developer plan on <a href= "https://www.sanity.io/syntax">sanity.io/syntax</a>.</p> <h2 class="code-line" data-line-start="10" data-line-end="11"> <a id="Freshbooks__Sponsor_10" name= "Freshbooks__Sponsor_10"></a>Freshbooks - Sponsor</h2> <p class="has-line-data" data-line-start="12" data-line-end="13"> Get a 30 day free trial of Freshbooks at <a href= "https://freshbooks.com/syntax">freshbooks.com/syntax</a></p> <h2 class="code-line" data-line-start="14" data-line-end="15"> <a id="Show_Notes_14" name="Show_Notes_14"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=00:08">00:08</a></strong> Welcome</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=01:20">01:20</a></strong> Weather updates</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=02:21">02:21</a></strong> How often have you gotten together in real life?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://jamstack.org/conf/">Jamstack Conf</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://www.reactathon.com">Reactathon</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=05:33">05:33</a></strong> What are people using to bookmark sites?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://arc.net">Arc Browser</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=09:03">09:03</a></strong> When not to use Static Site Generation (SSG), and when to use Server-side Rendering (SSR)?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://kit.svelte.dev">Svelte Kit</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=13:53">13:53</a></strong> How do you do correct error handling to catch everything?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=21:13">21:13</a></strong> Sponsor: Sentry</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=22:50">22:50</a></strong> Is there any benefit to using getters and setters in classes set them over plain methods?</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=27:47">27:47</a></strong> Will there ever be a js framework that can SSR on a non-JS backend?</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://render.com">Render</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://pnpm.io">pnpm</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <strong><a href="#t=32:40">32:40</a></strong> Have either of you thought about learning and teaching Python or Django?</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=34:56">34:56</a></strong> What is your opinion on purchasing “Domain Privacy” with each domain?</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <strong><a href="#t=37:49">37:49</a></strong> Sponsor: Sanity</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <strong><a href="#t=38:44">38:44</a></strong> Domain privacy continued</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <strong><a href="#t=39:22">39:22</a></strong> How you deploy monorepo packages?</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://tanstack.com">Tanstack</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://vitejs.dev">Vite</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <strong><a href="#t=43:48">43:48</a></strong> As a member of a non margin group should I avoid applying for jobs when they say they welcome applicants who are of a marginalized group to support diversity?</li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <strong><a href="#t=46:12">46:12</a></strong> When would you, if ever, choose good-old React over something like Next JS?</li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <strong><a href="#t=53:24">53:24</a></strong> Sponsor: Freshbooks</li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <strong><a href="#t=54:16">54:16</a></strong> Is it preferred to import via absolute reference or relative reference?</li> <li class="has-line-data" data-line-start="43" data-line-end="45"> <strong><a href="#t=00:23">00:23</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="45" data-line-end="46"> <a id="_SIIIIICK__PIIIICKS__45" name= "_SIIIIICK__PIIIICKS__45"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="47" data-line-end="48"> Scott: <a href="https://amzn.to/3TxLUFx">Air Compressor</a></li> <li class="has-line-data" data-line-start="48" data-line-end="50"> Wes: <a href="https://amzn.to/3VVnXK0">Blue Flush Cutter Mini Diagonal Cutting Pliers Side Cutter Nippers Wire Cutter</a></li> </ul> <h2 class="code-line" data-line-start="50" data-line-end="51"> <a id="Shameless_Plugs_50" name="Shameless_Plugs_50"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="52" data-line-end="53"> Scott: <a href= "https://leveluptutorials.com/tutorials/keystone-js/introduction">LevelUp Tutorials</a></li> <li class="has-line-data" data-line-start="53" data-line-end="55"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="55" data-line-end="56"> <a id="Tweet_us_your_tasty_treats_55" name= "Tweet_us_your_tasty_treats_55"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="60" data-line-end="61"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="61" data-line-end="62"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="62" data-line-end="63"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="63" data-line-end="64"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this Potluck episode of Syntax, Wes and Scott answer your questions about meeting IRL, bookmarks, SSG vs SSR, domain privacy, deploying monorepos, and more.
 Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.
 Sanity - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.
 Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax
 Show Notes  00:08 Welcome
 01:20 Weather updates
 02:21 How often have you gotten together in real life?
 Jamstack Conf

 Reactathon

 05:33 What are people using to bookmark sites?
 Arc Browser

 09:03 When not to use Static Site Generation (SSG), and when to use Server-side Rendering (SSR)?
 Svelte Kit

 13:53 How do you do correct error handling to catch everything?
 Sentry.io

 21:13 Sponsor: Sentry
 22:50 Is there any benefit to using getters and setters in classes set them over plain methods?
 27:47 Will there ever be a js framework that can SSR on a non-JS backend?
 Render

 pnpm

 32:40 Have either of you thought about learning and teaching Python or Django?
 34:56 What is your opinion on purchasing “Domain Privacy” with each domain?
 37:49 Sponsor: Sanity
 38:44 Domain privacy continued
 39:22 How you deploy monorepo packages?
 Tanstack

 Vite

 43:48 As a member of a non margin group should I avoid applying for jobs when they say they welcome applicants who are of a marginalized group to support diversity?
 46:12 When would you, if ever, choose good-old React over something like Next JS?
 53:24 Sponsor: Freshbooks
 54:16 Is it preferred to import via absolute reference or relative reference?
 00:23 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Air Compressor

 Wes: Blue Flush Cutter Mini Diagonal Cutting Pliers Side Cutter Nippers Wire Cutter

  Shameless Plugs  Scott: LevelUp Tutorials

 Wes: Wes Bos Tutorials

  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

Potluck × Meeting IRL × SSG vs SSR × Domain Privacy

Poslechněte si podcast