Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck × CSS Variables in React × JS Notebooks × Selling a Domain

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 Prisma, CSS variables in React components, JS notebooks, transcribing podcasts, keeping up with dev skills, selling a domain, and more.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "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:10">00:10</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=00:42">00:42</a></strong> Harassed by a big truck</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=03:20">03:20</a></strong> Corrections and omissions</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href= "https://syntax.fm/show/627/electronics-for-beginners">Syntax 627 - Electronics for Beginners</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=05:57">05:57</a></strong> Should I be using $executeRawUnsafe with Prisma?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=09:48">09:48</a></strong> unset and initial</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=11:54">11:54</a></strong> true and false outside ARIA attributes</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=14:56">14:56</a></strong> Is there a way to modify the CSS variables from the React component?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=18:58">18:58</a></strong> How do you feel about the JS notebooks landscape?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://jupyter.org/">Jupyter</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://github.com/yunabe/tslab">yunabe/tslab: Interactive JavaScript and TypeScript programming with Jupyter</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://www.val.town/">Val Town</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://www.stashpad.com/">The notes app for your working memory - Stashpad</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://obsidian.md/">Obsidian - Sharpen your thinking</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="http://lighttable.com/">Light Table</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=27:39">27:39</a></strong> Is it possible to transcribe your podcasts?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://deepgram.com/">World’s Most Powerful Speech-to-Text API | Deepgram</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=29:05">29:05</a></strong> Any tips for keeping my developer skills up without burning out?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=36:35">36:35</a></strong> Any advice for selling a domain?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://www.escrow.com/">Escrow.com | Never buy or sell online without using Escrow.com.</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=42:13">42:13</a></strong> How do you update and future-proof project dependencies?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href= "https://syntax.fm/show/425/updating-project-dependencies">Syntax 425 - Updating Project Dependencies</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=47:14">47:14</a></strong> When I write TypeScript code, I always wonder if it’s a generally good practice to use Type-Only import when importing types?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=53:54">53:54</a></strong> How would you go about conditional wrapper tags in Astro, Svelte or React?</li> <li class="has-line-data" data-line-start="28" data-line-end="30"> <strong><a href="#t=56:07">56:07</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="30" data-line-end="31"> <a id="_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.youtube.com/@AncientArchitects">Ancient Architects</a></li> <li class="has-line-data" data-line-start="33" data-line-end="35"> Wes: <a href="https://amzn.to/3NTviaX">Small Rig</a></li> </ul> <h2 class="code-line" data-line-start="35" data-line-end="36"> <a id="Shameless_Plugs_35"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="37" data-line-end="38"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data" data-line-start="38" data-line-end="40"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="40" data-line-end="41"> <a id="Tweet_us_your_tasty_treats_40"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

In this potluck episode of Syntax, Wes and Scott answer your questions about Prisma, CSS variables in React components, JS notebooks, transcribing podcasts, keeping up with dev skills, selling a domain, and more.
 Show Notes  00:10 Welcome
 00:42 Harassed by a big truck
 03:20 Corrections and omissions
 Syntax 627 - Electronics for Beginners

 05:57 Should I be using $executeRawUnsafe with Prisma?
 09:48 unset and initial
 11:54 true and false outside ARIA attributes
 14:56 Is there a way to modify the CSS variables from the React component?
 18:58 How do you feel about the JS notebooks landscape?
 Jupyter

 yunabe/tslab: Interactive JavaScript and TypeScript programming with Jupyter

 Val Town

 The notes app for your working memory - Stashpad

 Obsidian - Sharpen your thinking

 Light Table

 27:39 Is it possible to transcribe your podcasts?
 World’s Most Powerful Speech-to-Text API | Deepgram

 29:05 Any tips for keeping my developer skills up without burning out?
 36:35 Any advice for selling a domain?
 Escrow.com | Never buy or sell online without using Escrow.com.

 42:13 How do you update and future-proof project dependencies?
 Syntax 425 - Updating Project Dependencies

 47:14 When I write TypeScript code, I always wonder if it’s a generally good practice to use Type-Only import when importing types?
 53:54 How would you go about conditional wrapper tags in Astro, Svelte or React?
 56:07 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Ancient Architects

 Wes: Small Rig

  Shameless Plugs  Scott: Sentry

 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
 Wes Bos on Bluesky

 Scott on Bluesky

 Syntax on Bluesky

Aplikace Youradio Talk

Potluck × CSS Variables in React × JS Notebooks × Selling a Domain

Poslechněte si podcast