Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck × Native Web Components × JS Class Mixins × Application Secrets

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, Scott and Wes talk home electicity, and then answer your questions about native web components, JS class mixins, JavaScript for marketers, managing application secrets, 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= "Show_Notes_6" name="Show_Notes_6"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=00:10">00:10</a></strong> Welcome</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=01:09">01:09</a></strong> Sponsor: Sentry</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=02:18">02:18</a></strong> Electrical house update</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://amzn.to/3wW2HIW">Klien Wirestrippers</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=07:45">07:45</a></strong> Custom Syntax podcast browser</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://syntax.bald.design">Custom Syntax browser</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=09:29">09:29</a></strong> When using browser native web components (i.e. extends HTMLElement), should the whole application be wrapped in a component tree similar to how React apps do it?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://deno.land">Deno</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href= "https://css-tricks.com/using-web-components-with-next-or-any-ssr-framework/"> Using Web Components with Next or any SSR Framework</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=16:12">16:12</a></strong> Should I avoid JS/TS class mixins?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=21:07">21:07</a></strong> Is it acceptable to have any string value as a value for a CSS custom property?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=26:48">26:48</a></strong> Should agencies consider building marketing sites with JS frameworks or is Wordpress still the best option here?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=33:56">33:56</a></strong> What are the main things to think about when laying the foundations for an app or project that will hopefully grow into something big?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=41:24">41:24</a></strong> Will Javascript skills give me an edge over other local digital marketers?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://wordpress.com">WordPress</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://ghost.org">Ghost</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=46:00">46:00</a></strong> What tool, if any, do you use for publishing packages?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=50:19">50:19</a></strong> Do you have any suggestions on how I can find time to code more?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://bit.dev">Bit</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=54:17">54:17</a></strong> how do you both manage your application secrets (API keys, database credentials etc) when deploying to Digital Ocean or Linode?</li> <li class="has-line-data" data-line-start="28" data-line-end="30"> <strong><a href="#t=58:52">58:52</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="30" data-line-end="31"> <a id="_SIIIIICK__PIIIICKS__30" name= "_SIIIIICK__PIIIICKS__30"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="32" data-line-end="33"> Scott: <a href="https://www.netflix.com/title/81587446">Physical 100</a></li> <li class="has-line-data" data-line-start="33" data-line-end="35"> Wes: <a href= "https://www.amazon.ca/Leviton-D23LP-2RW-Anywhere-Companions-Required/dp/B08RSP3NKH?th=1"> Leviton D23LP-2RW Decora Smart Wi-Fi Mini Plug-In Dimmer</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 potluck episode, Scott and Wes talk home electicity, and then answer your questions about native web components, JS class mixins, JavaScript for marketers, managing application secrets, 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.
 Show Notes  00:10 Welcome
 01:09 Sponsor: Sentry
 02:18 Electrical house update
 Klien Wirestrippers

 07:45 Custom Syntax podcast browser
 Custom Syntax browser

 09:29 When using browser native web components (i.e. extends HTMLElement), should the whole application be wrapped in a component tree similar to how React apps do it?
 Deno

  Using Web Components with Next or any SSR Framework

 16:12 Should I avoid JS/TS class mixins?
 21:07 Is it acceptable to have any string value as a value for a CSS custom property?
 26:48 Should agencies consider building marketing sites with JS frameworks or is Wordpress still the best option here?
 33:56 What are the main things to think about when laying the foundations for an app or project that will hopefully grow into something big?
 41:24 Will Javascript skills give me an edge over other local digital marketers?
 WordPress

 Ghost

 46:00 What tool, if any, do you use for publishing packages?
 50:19 Do you have any suggestions on how I can find time to code more?
 Bit

 54:17 how do you both manage your application secrets (API keys, database credentials etc) when deploying to Digital Ocean or Linode?
 58:52 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Physical 100

 Wes: Leviton D23LP-2RW Decora Smart Wi-Fi Mini Plug-In Dimmer

  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 × Native Web Components × JS Class Mixins × Application Secrets

Poslechněte si podcast