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. <a id= "Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:20">01:20</a> 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"> <a href="#t=02:16">02:16</a> 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"> <a href="#t=04:58">04:58</a> 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"> <a href="#t=08:39">08:39</a> 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"> <a href="#t=11:51">11:51</a> Advice for migrating an existing React project to TypeScript.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=20:38">20:38</a> Countdown apps, performance vs accuracy.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=25:19">25:19</a> Are you listening to podcasts? Which ones?</li> <li class="has-line-data" data-line-start="17" data-line-end="20"> <a href="#t=31:46">31:46</a> 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"> <a href="#t=35:59">35:59</a> 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"> <a href="#t=40:14">40:14</a> A question on ergonomics, home office aesthetics and productivity.</li> <li class="has-line-data" data-line-start="25" data-line-end="27"> <a href="#t=47:59">47:59</a> 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"> <a href="#t=52:12">52:12</a> Sick Picks + Shameless Plugs.</li> </ul> <a id="Sick_Picks_29"></a>Sick Picks <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> <a id="Shameless_Plugs_34"></a>Shameless Plugs <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> <a id="Hit_us_up_on_Socials_38"></a>Hit us up on Socials! 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> 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> 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> 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>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

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

Syntax - Tasty Web Development Treats