Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

742: Potluck: Migrating to Typescript, Semver Explained, Accurate Timers and Countdowns

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"> Scott and CJ dive into a potluck of developer queries, from their favorite tech reads to essential web dev fundamentals. Tune in as they dish out expert advice on migrating React projects to TypeScript, crafting precise timers for countdown apps, and navigating the world of free-tier plans.</p> <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:00">00:00</a></strong> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=01:20">01:20</a></strong> Brought to you by <a href="www.sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="10"> <strong><a href="#t=02:16">02:16</a></strong> What book changed your life? <ul> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://amzn.to/3uXZISS">Whatever you think, think the opposite</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://amzn.to/3P5l3Ay">It’s not how good you are, it’s how good you want to be</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://amzn.to/49Ed9X4">Crucial Conversations</a> thanks <a href="https://twitter.com/bentlegen">@benvinegar</a></li> </ul> </li> <li class="has-line-data" data-line-start="10" data-line-end="12"> <strong><a href="#t=04:58">04:58</a></strong> What are the web development fundamentals for beginners? <ul> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://commandlinepoweruser.com/">Command Line Power User</a></li> </ul> </li> <li class="has-line-data" data-line-start="12" data-line-end="14"> <strong><a href="#t=08:39">08:39</a></strong> What are your thoughts on Chris Coyer’s post on his sale of CSS-Tricks? <ul> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href= "https://chriscoyier.net/2024/02/28/where-im-at-on-the-whole-css-tricks-thing/"> Chris Coyer’s Post</a></li> </ul> </li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=11:51">11:51</a></strong> Advice for migrating an existing React project to TypeScript.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=20:38">20:38</a></strong> Countdown apps, performance vs accuracy.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=25:19">25:19</a></strong> Are you listening to podcasts? Which ones?</li> <li class="has-line-data" data-line-start="17" data-line-end="20"> <strong><a href="#t=31:46">31:46</a></strong> With AI on the rise, will free-tier plans become a thing of the past? <ul> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://coolify.io/">Coolify</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://syntax.fm/show/730/own-your-own-paas">Syntax 730: Own Your Own Paas</a></li> </ul> </li> <li class="has-line-data" data-line-start="20" data-line-end="24"> <strong><a href="#t=35:59">35:59</a></strong> What is SemVer anyway? <ul> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://semver.org/">semver.org</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://www.npmjs.com/package/@auth/core">npmjs</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href= "https://www.learningtypescript.com/articles/why-typescript-doesnt-follow-strict-semantic-versioning"> TypeScript on Semantic Versioning</a></li> </ul> </li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=40:14">40:14</a></strong> A question on ergonomics, home office aesthetics and productivity.</li> <li class="has-line-data" data-line-start="25" data-line-end="27"> <strong><a href="#t=47:59">47:59</a></strong> Do you ever stop to consider VueJS in 2024? Why or why not? <ul> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://unjs.io/">unjs.io</a></li> </ul> </li> <li class="has-line-data" data-line-start="27" data-line-end="29"> <strong><a href="#t=52:12">52:12</a></strong> Sick Picks + Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="29" data-line-end="30"> <a id="Sick_Picks_29"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="31" data-line-end="32"> Scott: <a href="https://ellenos.com/">Ellenos Yogurt</a></li> <li class="has-line-data" data-line-start="32" data-line-end="34"> CJ: <a href="https://www.flatironpepper.com/">Flat Iron Pepper</a></li> </ul> <h3 class="code-line" data-line-start="34" data-line-end="35"> <a id="Shameless_Plugs_34"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="36" data-line-end="38"> <a href="https://www.youtube.com/@syntaxfm">Syntax.fm YouTube</a></li> </ul> <h3 class="code-line" data-line-start="38" data-line-end="39"> <a id="Hit_us_up_on_Socials_38"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="40" data-line-end="41"> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a></p> <p class="has-line-data" data-line-start="42" data-line-end="43"> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a></p> <p class="has-line-data" data-line-start="44" data-line-end="45"> Scott:<a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a></p> <p class="has-line-data" data-line-start="46" data-line-end="47"> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a></p>

Scott and CJ dive into a potluck of developer queries, from their favorite tech reads to essential web dev fundamentals. Tune in as they dish out expert advice on migrating React projects to TypeScript, crafting precise timers for countdown apps, and navigating the world of free-tier plans.
 Show Notes  00:00 Welcome to Syntax!
 01:20 Brought to you by Sentry.io.
 02:16 What book changed your life?  Whatever you think, think the opposite

 It’s not how good you are, it’s how good you want to be

 Crucial Conversations thanks @benvinegar

 04:58 What are the web development fundamentals for beginners?  Command Line Power User

 08:39 What are your thoughts on Chris Coyer’s post on his sale of CSS-Tricks?  Chris Coyer’s Post

 11:51 Advice for migrating an existing React project to TypeScript.
 20:38 Countdown apps, performance vs accuracy.
 25:19 Are you listening to podcasts? Which ones?
 31:46 With AI on the rise, will free-tier plans become a thing of the past?  Coolify

 Syntax 730: Own Your Own Paas

 35:59 What is SemVer anyway?  semver.org

 npmjs

  TypeScript on Semantic Versioning

 40:14 A question on ergonomics, home office aesthetics and productivity.
 47:59 Do you ever stop to consider VueJS in 2024? Why or why not?  unjs.io

 52:12 Sick Picks + Shameless Plugs.
  Sick Picks  Scott: Ellenos Yogurt

 CJ: Flat Iron Pepper

  Shameless Plugs  Syntax.fm YouTube

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott:X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

742: Potluck: Migrating to Typescript, Semver Explained, Accurate Timers and Countdowns

Poslechněte si podcast