<p>In today's episode we discuss the concept of adopting self-coaching personas, and discuss the third persona, "Shoulder Socrates."</p><h2>🙏 Today's Episode is Brought To you by: <a href="https://wixstudio.com">Wix Studio</a></h2><p>Devs, if you think website builders mean limited control—think again.<br />With Wix Studio’s developer-first ecosystem you can spend less time on tedious tasks and<br />more on the functionalities that matters most:<br />● Develop online in a VS Code-based IDE or locally via GitHub.<br />● Extend and replace a suite of powerful business solutions<br />● And ship faster with Wix Studio’s AI code assistant<br />All of that, wrapped up in auto-maintained infrastructure for total peace of mind.<br />Work in a developer-first ecosystem. Go to <a href="https://wixstudio.com">wixstudio.com</a></p><h2>📮 Ask a Question</h2><p>If you enjoyed this episode and would like me to discuss a question that you have on the show, drop it over at: <a href="https://www.developertea.com/contact">developertea.com.</a></p><h2>📮 Join the <a href="https://developertea.com/discord">Discord</a></h2><p>If you want to be a part of a supportive community of engineers (non-engineers welcome!) working to improve their lives and careers, join us on the Developer Tea Discord community by visiting <a href="https://developertea.com/discord">https://developertea.com/discord</a> today!</p><h2>🧡 Leave a Review</h2><p>If you're enjoying the show and want to support the content head over to iTunes and <a href="https://ratethispodcast.com/devtea">leave a review</a>! It helps other developers discover the show and keep us focused on what matters to you.</p>


Coaching Yourself: Career Coaching Personas for Everyday Engineers, Part Three - Shoulder Socrates

For developers, impersonation can be a powerful tool, but with great power comes great responsibility. In today’s episode, hosts Stephanie and Joël explore the complexities of implementing impersonation features in software development, giving you the ability to take over someone’s account and act as the user. They delve into the pros and cons of impersonation, from how it can help with debugging and customer support to its prime drawbacks regarding security and auditing issues. Discover why the need for impersonation is often a sign of poor admin tooling, alternative solutions to true impersonation, and the scenarios where impersonation might be the most pragmatic approach. You’ll also learn why they advocate for understanding the root problem and considering alternative solutions before implementing impersonation. Tune in today for a deep dive into impersonation and the best ways to use it (or not use it)! 
Key Points From This Episode:
What’s new in Stephanie’s world: how Notion Calendar is helping her manage her schedule.
Joël’s quest to find a health plan: how he used a spreadsheet to compare his options.
A client request to build an impersonation feature, and why Joël has mixed feelings about it.
What an impersonation tool does: it allows you to take over someone’s account.
When it’s useful to use implementation as a feature, like for debugging and support.
Potential risks and responsibilities associated with impersonation.
Why the need for impersonation often indicates poor admin tooling.
Technical and security implications of impersonation.
Solutions for logging the audit trail when you’re doing impersonation.
Differentiating between the logged-in user and the user you’re rendering views for.
Building an app that isn’t as tightly coupled to the “current user.”
Suggested alternatives to true impersonation.
The value of cross-functional teams and collaborative problem-solving.
Links Mentioned in Today’s Episode:
Notion Calendar (https://www.notion.com/product/calendar)
'Implementing Impersonation' (https://jamie.ideasasylum.com/2018/09/29/implementing-impersonation)
Sustainable Web Development with Ruby on Rails  (https://sustainable-rails.com/)
The Bike Shed (https://bikeshed.thoughtbot.com/)
Joël Quenneville on LinkedIn (https://www.linkedin.com/in/joel-quenneville-96b18b58/)
Joël Quenneville on X (https://x.com/joelquen)
Support The Bike Shed (https://github.com/sponsors/thoughtbot)
WorkOS (https://workos.com/) 


447: How to (not) implement impersonation

<p class="has-line-data" data-line-start="0" data-line-end="1"> You’ve got a project, and you need the right tool—but how do you know if that JavaScript package is the one? Scott and Wes guide you through finding and validating packages, from checking NPM to scoping out social proof, so you can pick tools you can trust.</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="7"> <strong><a href="#t=00:29">00:29</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>. <ul> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://opensourcepledge.com/">Take The Pledge</a></li> </ul> </li> <li class="has-line-data" data-line-start="7" data-line-end="16"> <strong><a href="#t=01:44">01:44</a></strong> How to find a JS package. <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=02:56">02:56</a></strong> Searching via <a href="https://www.npmjs.com/">NPM</a>.</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=03:28">03:28</a></strong> Searching via <a href="https://socket.dev/">Socket.dev</a>.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=06:02">06:02</a></strong> Searching via <a href="https://www.reddit.com/">Reddit</a>.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=06:24">06:24</a></strong> Searching via <a href="https://www.perplexity.ai/">Perplexity</a>.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=08:31">08:31</a></strong> Searching via Google autocomplete.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=09:25">09:25</a></strong> Searching via Awesome repo.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=09:51">09:51</a></strong> Searching via social networks.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=10:47">10:47</a></strong> Searching via established projects.</li> </ul> </li> <li class="has-line-data" data-line-start="16" data-line-end="29"> <strong><a href="#t=11:19">11:19</a></strong> Evaluating the quality of a package. <ul> <li class="has-line-data" data-line-start="17" data-line-end="19"> <strong><a href="#t=12:02">12:02</a></strong> Validating via GitHub Issues. <ul> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href= "https://github.com/niklasvh/html2canvas">html2canvas</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=13:58">13:58</a></strong> Are there types?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=15:16">15:16</a></strong> Validating via Socket.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=16:15">16:15</a></strong> Validating via <a href= "https://bundlephobia.com/package/zustand@5.0.0">Bundlephobia</a>.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=17:15">17:15</a></strong> Validating via the docs.</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=17:55">17:55</a></strong> Validating via GitHub Search.</li> <li class="has-line-data" data-line-start="24" data-line-end="26"> <strong><a href="#t=18:14">18:14</a></strong> Validating via GitHub Insights. <ul> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href= "https://github.com/pmndrs/zustand/network/dependents">GitHub Network Dependents</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="26" data-line-end="29"> <strong><a href="#t=20:19">20:19</a></strong> Validating via the package.json file. <ul> <li class="has-line-data" data-line-start="27" data-line-end="29"> <a href="https://syntax.fm/563">Syntax Episode 563</a>.</li> </ul> </li> </ul> </li> </ul> <h3 class="code-line" data-line-start="29" data-line-end="30"> <a id="Hit_us_up_on_Socials_29"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="31" data-line-end="32"> 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="33" data-line-end="34"> 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="35" data-line-end="36"> 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="37" data-line-end="38"> 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>

849: How to Pick a JS Package

<h2>Show Description</h2><p>Chris Person from Aftermath joins us to chat about the state of forums in 2024, being downwind of knowledge, forum drama, Reddit and StackOverflow's impact on forums, the importance of the individuals caring for knowledge and information, and the benefits and struggles of cooperatives in reporting.</p>
<p><a href='https://shoptalkshow.com/642/' style='background: #ca6533; color: black; padding: 8px 20px; text-decoration: none;'>Listen on Website &rarr;</a></p><h2>Guests</h2><h3>Chris Person</h3><p><a href='https://www.patreon.com/highlightreel'>Guest's Main URL</a> • <a href='https://x.com/Papapishu'>Guest's Twitter</a></p><p><p>Makes Highlight Reel. Co-Founder 'n blogger at Aftermath.site.</p>
</p><h2>Links</h2><ul>
<li><a href="https://aftermath.site/best-active-forums-internet-today">Forums Are Still Alive, Active, And A Treasure Trove Of Information - Aftermath</a></li>
<li><a href="https://x.com/Papapishu">chris person (@Papapishu) / X</a></li>
<li><a href="https://www.patreon.com/highlightreel">Highlight Reel | creating videos of the best recent clips from around the gaming</a></li>
<li><a href="https://www.youtube.com/@HighlightReel">Highlight Reel</a></li>
<li><a href="https://support.discord.com/hc/en-us/articles/6208479917079-Forum-Channels-FAQ">Forum Channels FAQ</a></li>
<li><a href="https://www.reddit.com/r/LegoStorage/">Lego Storage Solutions</a></li>
<li><a href="https://www.bogleheads.org/forum/index.php">Bogleheads</a></li>
<li><a href="https://www.romhacking.net/">RomHacking</a></li>
<li><a href="https://www.finishing.com/index.shtml">Metal Finishing</a></li>
<li><a href="https://forums.somethingawful.com/">The Something Awful Forums</a></li>
<li><a href="https://blog.codinghorror.com/">Jeff Atwood</a></li>
<li><a href="https://stackoverflow.com/">StackOverflow</a></li>
<li><a href="https://www.discourse.org/?matchtype=p">Build Civilized Communities</a></li>
<li><a href="https://tteck.github.io/Proxmox/">Proxmox VE Helper-Scripts</a></li>
<li><a href="https://www.theatlantic.com/business/archive/2018/02/hogan-thiel-gawker-trial/554132/">Gawker Plot History</a></li>
<li><a href="https://defector.com/">Defector</a></li>
<li><a href="https://www.404media.co/">404 Media</a></li>
<li><a href="https://hellgatenyc.com/">Hell Gate Overview</a></li>
<li><a href="https://ghost.org/">Open Source Blogging</a></li>
</ul><h2>Sponsors</h2><h3><a href='https://www.bluehost.com/'>Bluehost</a></h3>Find unique domains, web hosting, and WordPress tools,
all in one place. Empower your business or digital agency
with Bluehost.

642: Chris Person on Forums, Reddit, and Cooperative Reporting

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes talk with Scott Jehl about the benefits, challenges, and use cases of web components, particularly in design systems and performance.</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="8"> <strong><a href="#t=00:55">00:55</a></strong> Scott’s background and career <ul> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href= "https://abookapart.com/products/responsible-responsive-design">Responsible Responsive Design</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://www.webpagetest.org/">Webpagetest.org</a></li> </ul> </li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=06:46">06:46</a></strong> An overview of web components</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=09:06">09:06</a></strong> Why should people care about web components?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=13:16">13:16</a></strong> Should you write your own web components?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=14:39">14:39</a></strong> Reactivity in web components</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=15:56">15:56</a></strong> <a href= "https://github.com/WICG/webcomponents/blob/gh-pages/proposals/DOM-Parts.md"> DOM parts</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=18:23">18:23</a></strong> Styling web components</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=22:08">22:08</a></strong> Brought to you by <a href="https://sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="15" data-line-end="17"> <strong><a href="#t=22:33">22:33</a></strong> CSS custom properties <ul> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://player.style/">Mux Player Customizer</a></li> </ul> </li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=24:28">24:28</a></strong> Responsive video</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=28:27">28:27</a></strong> The polyfill use case</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=30:55">30:55</a></strong> Shadow DOM challenges</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=36:04">36:04</a></strong> Web components in design systems</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=41:58">41:58</a></strong> How are people using web components?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=43:25">43:25</a></strong> Web components and server-side rendering</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=45:00">45:00</a></strong> Scott’s thoughts on build tools</li> <li class="has-line-data" data-line-start="24" data-line-end="26"> <strong><a href="#t=47:33">47:33</a></strong> Sick Picks & Shameless Plugs</li> </ul> <h3 class="code-line" data-line-start="26" data-line-end="27"> <a id="Sick_Picks_26"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="28" data-line-end="30"> Scott: <a href="https://enhance.dev/">Enhance</a></li> </ul> <h3 class="code-line" data-line-start="30" data-line-end="31"> <a id="Shameless_Plugs_30"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="32" data-line-end="37"> Scott: <ul> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://www.squarespace.com/about/careers">Squarespace is hiring</a></li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://scottjehl.com/learn/webcomponentsdemystified/">Web Components Demystified</a> - Get 30% off with coupon code “syntax”</li> <li class="has-line-data" data-line-start="35" data-line-end="37"> <a href="https://github.com/w3c/webcomponents-cg">Web Components Community Group</a></li> </ul> </li> </ul> <h3 class="code-line" data-line-start="37" data-line-end="38"> <a id="Hit_us_up_on_Socials_37"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="39" data-line-end="40"> 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="41" data-line-end="42"> 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="43" data-line-end="44"> 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="45" data-line-end="46"> 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>

848: Web Components Can’t Save Us with Scott Jehl

Evan You, creator of Vue and Vite, discusses his new venture, voidI0). He discusses the motivations behind founding void(0), the inefficiencies in JavaScript tooling, and the future of unified tooling stacks.
Links
https://evanyou.me
https://x.com/youyuxi
https://github.com/yyx990803
https://sg.linkedin.com/in/evanyou
https://voidzero.dev
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Evan You.


void(0) with Evan You

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes are back with their annual Syntax Holiday Gift Guide! They’ve curated the best gadgets, tools, games, and even kitchen essentials for the dev in your life — plus a few treats anyone would love to unwrap.</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="7"> <strong><a href="#t=00:46">00:46</a></strong> Brought to you by <a href="http://Sentry.io">Sentry.io</a>. <ul> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://opensourcepledge.com/members/">Open Source Pledge Members</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=01:59">01:59</a></strong> Syntax holiday gift guide.</li> <li class="has-line-data" data-line-start="8" data-line-end="17"> <strong><a href="#t=02:25">02:25</a></strong> Our absolute favorites. <ul> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://amzn.to/3NCxBOE">Leatherman Arc</a>.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://amzn.to/4eSis84">Peak Design Everyday</a>.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://amzn.to/3BVE194">1.5 KG of Maldon</a>, <a href= "https://amzn.to/48eDKu7">Salt Cellars</a>.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://amzn.to/4fhBNiV">Anker Cube</a>.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://amzn.to/48VbCfW">Anker MagGo</a>.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://amzn.to/3UfSses">Theragun</a>, <a href= "https://amzn.to/4dYOPke">Off-Brand Massage Gun</a>.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> Subscription to <a href="https://www.cursor.com/">Cursor</a>, <a href="https://claude.ai/">Claude</a>, <a href= "https://chatgpt.com/">ChatGPT</a>.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://sentry.shop/">Syntax Swag</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="17" data-line-end="22"> <strong><a href="#t=13:33">13:33</a></strong> Our (Scott’s) top games. <ul> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href= "https://store.steampowered.com/app/427520/Factorio/">Factorio</a>.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://amzn.to/3AhtrZt">Cascadia</a>.</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://amzn.to/48fmqoA">Azul</a>.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href= "https://store.steampowered.com/steamdeck">SteamDeck</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="22" data-line-end="29"> <strong><a href="#t=19:01">19:01</a></strong> Gifts under $30. <ul> <li class="has-line-data" data-line-start="23" data-line-end="24"> Braided USB-C Cables</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://amzn.to/4exv7w2">Right Angle Thunderbolt</a>.</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://amzn.to/3YAJ6N7">Battery Daddy</a>.</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href= "https://www.amazon.com/PopSockets-Compatible-Included-Wireless-Charging/dp/B0CDFCWYNT/?tag=leveluptuts01-20"> MagSafe Popsocket</a>.</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href= "https://www.amazon.ca/Limited-Nutmeg-Herbal-Moisturizing-Lotion/dp/B0CCQV56HH?tag=webo080-20"> Hempz Apple Cider + Nutmeg Hand Lotion</a>.</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://amzn.to/3YxHq6L">Mens Cremo Body Wash</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="29" data-line-end="35"> <strong><a href="#t=27:50">27:50</a></strong> Clothing gifts. <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href= "https://www.uniqlo.com/us/en/men/bottoms/jeans/selvedge">Uniqlo Stretch Selvedge Denim</a>.</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://www.nakedandfamousdenim.com/">Naked and Famous Selvedge Denim</a>.</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://shopduer.com/collections/mens-stretch-jeans">Scott DU/ER Jeans</a>.</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> Wool Toque</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> Anything from <a href="https://huckberry.com/">Huckberry</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="35" data-line-end="50"> <strong><a href="#t=35:02">35:02</a></strong> Desk item gifts. <ul> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href= "https://www.logitech.com/en-us/products/mice/mx-master-3s.html">MX3s Master Mouse</a></li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href= "https://www.target.com/p/7oz-navy-exterior-painted-glass-with-glass-lid-introvert-candle-blue-opalhouse-8482/-/A-87674088#lnk=sametab"> Target Candles</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href= "https://www.amazon.ca/gp/product/B0BZ7ZDVRW/?tag=webo080-20">Candle Melter Wax</a>.</li> <li class="has-line-data" data-line-start="39" data-line-end="42"> Laptop Stand <ul> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://www.raindesigninc.com/mstand.html">Rain Design mStand</a>.</li> <li class="has-line-data" data-line-start="41" data-line-end="42"> Any Foldable Amazon Stand</li> </ul> </li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://amzn.to/3NBKJDI">Desk Treadmill</a>.</li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://www.insta360.com/product/insta360-link2">Insta360 Link 2</a>.</li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://amzn.to/3Ulk1TD">Small Rig Rotatable Collar Mount</a>.</li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://amzn.to/4dVx1Gr">Thermal Printer</a>.</li> <li class="has-line-data" data-line-start="46" data-line-end="47"> Cable Management Straps + Clips</li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://amzn.to/3AcMvIr">Mini Tripod</a>.</li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://amzn.to/4dYeXMb">Super Clamp</a>.</li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://fishskyn.com/">Fishskyn</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="50" data-line-end="57"> <strong><a href="#t=45:02">45:02</a></strong> Kids gifts. <ul> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://amzn.to/4dYeXMb">Yoto Player</a>.</li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://amzn.to/3A9RWb0">Toniebox</a>.</li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://amzn.to/3YeYGfU">First Cat in Space</a>.</li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://amzn.to/48NhUxT">Bathbombs</a>.</li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://learn.khanacademy.org/khan-academy-kids/">Kahn Academy Kids App</a>.</li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://codespark.com/">Codespark</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="57" data-line-end="70"> <strong><a href="#t=51:11">51:11</a></strong> Kitchen gifts. <ul> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href="https://amzn.to/3UiTXIY">Carbon Steel Frying Pan</a>.</li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="https://amzn.to/3Yw3sXH">Viral Egg Cooker</a>.</li> <li class="has-line-data" data-line-start="60" data-line-end="61"> <a href="https://amzn.to/4f5u7QM">Glass Straws</a>.</li> <li class="has-line-data" data-line-start="61" data-line-end="62"> <a href="https://amzn.to/4hfryNG">Danish Whisk</a>.</li> <li class="has-line-data" data-line-start="62" data-line-end="63"> <a href="https://amzn.to/3YflmfZ">Oxo Salt + Pepper Grinders</a>.</li> <li class="has-line-data" data-line-start="63" data-line-end="64"> <a href="https://amzn.to/4fflVNO">Paper Wheels</a>.</li> <li class="has-line-data" data-line-start="64" data-line-end="65"> <a href="https://amzn.to/3UkCsIl">Whetstone</a>.</li> <li class="has-line-data" data-line-start="65" data-line-end="66"> <a href="https://amzn.to/4ffmqHG">WÜSTHOF Nakiri Knife</a>.</li> <li class="has-line-data" data-line-start="66" data-line-end="67"> <a href="https://carbonknifeco.com/">Carbon Knife Co</a>.</li> <li class="has-line-data" data-line-start="67" data-line-end="68"> <a href="https://amzn.to/4hc5jIv">Can Tumbler Glasses</a>.</li> <li class="has-line-data" data-line-start="68" data-line-end="69"> <a href="https://amzn.to/3Yyq4qw">Squirrel Rice Paddle</a>.</li> <li class="has-line-data" data-line-start="69" data-line-end="70"> <a href="https://amzn.to/48lR6ou">OTOTO Splatypus Jar Spatula</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="70" data-line-end="78"> <strong><a href="#t=59:02">59:02</a></strong> Eatables. <ul> <li class="has-line-data" data-line-start="71" data-line-end="77"> Hot Sauce: <ul> <li class="has-line-data" data-line-start="72" data-line-end="73"> <a href="https://amzn.to/4dRHeUB">Truff Hot Sauce</a>.</li> <li class="has-line-data" data-line-start="73" data-line-end="74"> <a href="https://amzn.to/4e2eoRk">Secret Aardvark</a>.</li> <li class="has-line-data" data-line-start="74" data-line-end="75"> <a href="https://amzn.to/4he7Phq">Cholula Gift Pack</a>.</li> <li class="has-line-data" data-line-start="75" data-line-end="76"> <a href="https://amzn.to/3YyBb2Q">Laoganma Chili Crisp</a>.</li> <li class="has-line-data" data-line-start="76" data-line-end="77"> <a href="https://amzn.to/40gtj7g">Merfs</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="77" data-line-end="78"> <a href="https://amzn.to/3NzcPPZ">Bachan’s Japanese BBQ Sauce</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="78" data-line-end="81"> <strong><a href="#t=01:00:51">01:00:51</a></strong> Smart home gifts. <ul> <li class="has-line-data" data-line-start="79" data-line-end="80"> Smart Dimmers</li> <li class="has-line-data" data-line-start="80" data-line-end="81"> <a href= "https://www.espressif.com/en/products/socs/esp32">ESP32</a> + <a href="https://www.aliexpress.com/item/32961181562.html">WS2815 LED Strips</a></li> </ul> </li> <li class="has-line-data" data-line-start="81" data-line-end="84"> <strong><a href="#t=01:03:06">01:03:06</a></strong> Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="84" data-line-end="85"> <a id="Shameless_Plugs_84"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="86" data-line-end="89"> Scott: <a href="www.youtube.com/@syntaxfm">Syntax on YouTube</a></li> </ul> <h3 class="code-line" data-line-start="89" data-line-end="90"> <a id="Hit_us_up_on_Socials_89"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="91" data-line-end="92"> 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="93" data-line-end="94"> 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="95" data-line-end="96"> 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="97" data-line-end="98"> 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>

847: Syntax Holiday Gift Guide

<p>In today's episode we discuss the concept of adopting self-coaching personas, and discuss the second persona, the over-optimizer.</p><h2>🙏 Today's Episode is Brought To you by: <a href="https://wixstudio.com">Wix Studio</a></h2><p>Devs, if you think website builders mean limited control—think again.<br />With Wix Studio’s developer-first ecosystem you can spend less time on tedious tasks and<br />more on the functionalities that matters most:<br />● Develop online in a VS Code-based IDE or locally via GitHub.<br />● Extend and replace a suite of powerful business solutions<br />● And ship faster with Wix Studio’s AI code assistant<br />All of that, wrapped up in auto-maintained infrastructure for total peace of mind.<br />Work in a developer-first ecosystem. Go to <a href="https://wixstudio.com">wixstudio.com</a></p><h2>📮 Ask a Question</h2><p>If you enjoyed this episode and would like me to discuss a question that you have on the show, drop it over at: <a href="https://www.developertea.com/contact">developertea.com.</a></p><h2>📮 Join the <a href="https://developertea.com/discord">Discord</a></h2><p>If you want to be a part of a supportive community of engineers (non-engineers welcome!) working to improve their lives and careers, join us on the Developer Tea Discord community by visiting <a href="https://developertea.com/discord">https://developertea.com/discord</a> today!</p><h2>🧡 Leave a Review</h2><p>If you're enjoying the show and want to support the content head over to iTunes and <a href="https://ratethispodcast.com/devtea">leave a review</a>! It helps other developers discover the show and keep us focused on what matters to you.</p>


Coaching Yourself: Career Coaching Personas for Everyday Engineers, Part Two - The Overoptimizer

When is it time for a rewrite? How do you justify it? If you’re tasked with one, how do you approach it? In today’s episode of The Bike Shed, we dive into the tough question of software rewrites, sharing firsthand experiences that reveal why these projects are often more complicated and risky than they first appear. We unpack critical factors that make or break a rewrite, from balancing developer satisfaction with business value to managing stakeholder expectations when costs and timelines stretch unexpectedly. You’ll hear about real-world rewrite pitfalls like downtime and reintroducing bugs, as well as strategies for achieving similar improvements through incremental changes or refactoring instead. If you’re a developer or team lead considering a rewrite, this conversation offers a pragmatic perspective that could save your team time, effort, and potential setbacks. Tune in to learn how to make the best call for your codebase and find out when a rewrite might actually be necessary!
Key Points From This Episode:
Accessible selectors versus test IDs: best practices in Capybara and React Testing Library.
Balancing test coverage with pragmatism and risk tolerance with Good Enough Testing.
Software rewrites and the tough questions around deciding when they're necessary.
The importance of prioritizing business value over frustrations with the current codebase.
Drawbacks of rewrites, such as downtime, data loss, and reintroducing past bugs.
Risks of “grass is greener” thinking and using mocked data in demos.
Unrealistic expectations of full feature parity and why an MVP approach is better.
How incremental refactoring can achieve similar goals to a complete rewrite.
The appeal and hubris of a “fresh start” and why it’s much more complex than that.
Balancing innovation with practicality: ways to introduce new elements without rewriting.
An example that illustrates when a rewrite might actually be necessary.
Reasons that early prototypes and test builds are the best candidates for rewrites.
Links Mentioned in Today’s Episode:
Mailtrap (https://l.rw.rw/the_bike_shed)
WorkOS (http://workos.com/)
Matt Brictson: ‘Simplify your Capybara selectors’ (https://mattbrictson.com/blog/simplify-capybara-selectors)
React Testing Library Guidelines (https://testing-library.com/docs/queries/about/#priority)
Capybara Accessibility Selectors (https://github.com/citizensadvice/capybara_accessible_selectors)
Good Enough Testing  (https://goodenoughtesting.com/)
‘RailsConf 2023: The Math Every Programmer Needs by Joël Quenneville’ (https://youtu.be/fMetBx77vKY)
‘Testing Your Edge Cases’ (https://thoughtbot.com/blog/testing-your-edge-cases)
'Working Iteratively' (https://thoughtbot.com/blog/working-iteratively)
'Technical Considerations to Help Scale Your Product'  (https://thoughtbot.com/blog/technical-considerations-when-scaling-your-application)
Dan McKinley: ‘Choose Boring Technology'  (https://mcfunley.com/choose-boring-technology)
The Bike Shed (https://bikeshed.thoughtbot.com/)
Joël Quenneville on LinkedIn (https://www.linkedin.com/in/joel-quenneville-96b18b58/)
Joël Quenneville on X (https://x.com/joelquen)
Support The Bike Shed (https://github.com/sponsors/thoughtbot) 


446: All about rewrites

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes unpack their experiences as electric car owners, sharing the highs and lows of making the switch. From range anxiety to charging infrastructure and cost savings, they talk about everything from the tech perks to the unexpected challenges of driving electric.</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=02:11">02:11</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="9"> <strong><a href="#t=03:14">03:14</a></strong> What cars and how long have we had them. <ul> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href= "https://www.hyundai.com/uk/en/models/new-ioniq5.html">Hyundai IONIQ 5</a>.</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://ts.la/wes189166">Tesla Model Y Long Range</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=10:41">10:41</a></strong> Range and dealing with range anxiety.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=11:45">11:45</a></strong> The <a href= "https://www.epa.gov/">EPA</a> specs.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=12:24">12:24</a></strong> Things that affect range.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=14:46">14:46</a></strong> Charging.</li> <li class="has-line-data" data-line-start="13" data-line-end="18"> <strong><a href="#t=17:52">17:52</a></strong> <a href= "https://www.transportation.gov/rural/ev/toolkit/ev-basics/charging-speeds"> Charging levels</a>. <ul> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=17:56">17:56</a></strong> Level 1 charging.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=19:01">19:01</a></strong> Level 2 charging.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=19:39">19:39</a></strong> Level 3 charging.</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=20:10">20:10</a></strong> <a href= "https://chargehub.com/en/electric-car-charging-guide.html">Charging standards</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=21:51">21:51</a></strong> Electric car pricing.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=25:56">25:56</a></strong> <a href= "https://www.sciencedirect.com/science/article/abs/pii/B9780123973146000115"> Regenerative braking</a>.</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=27:27">27:27</a></strong> General maintenance.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=29:04">29:04</a></strong> Pricing and expenses.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=31:48">31:48</a></strong> Machine Gun Kelly Effect.</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=36:46">36:46</a></strong> Would you go completely electric?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=38:46">38:46</a></strong> Electric-only tech.</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=40:57">40:57</a></strong> Buying a new EV.</li> <li class="has-line-data" data-line-start="26" data-line-end="28"> <strong><a href="#t=42:21">42:21</a></strong> Edison Motors <a href="https://www.edisonmotors.ca/">website</a>, <a href= "https://www.tiktok.com/@_edison.motors?lang=en">TikTok</a>.</li> </ul> <h3 class="code-line" data-line-start="28" data-line-end="29"> <a id="Hit_us_up_on_Socials_28"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="30" data-line-end="31"> 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="32" data-line-end="33"> 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="34" data-line-end="35"> 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="36" data-line-end="37"> 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>

846: Talking EVs: Range Anxiety, Charging, and Tech

<h2>Show Description</h2><p>We've got a few leftovers from Halloween to process, what's been happening with Passkeys in late 2024, have you tried to write HTML faster than a bot can suggest it to you, CSS anchor positioning and popover polyfills, scroll driven animation thoughts, CSS nesting, and what's the reason for Java?</p>
<p><a href='https://shoptalkshow.com/641/' style='background: #ca6533; color: black; padding: 8px 20px; text-decoration: none;'>Listen on Website &rarr;</a></p><h2>Links</h2><ul>
<li><a href="https://auth0.com/">Auth0: Secure access for everyone. But not just anyone.</a></li>
<li><a href="https://stripe.com/en-ca/payments/checkout">Stripe Checkout | Checkout Pages for Your Website</a></li>
<li><a href="https://passage.1password.com/">Passkeys Authentication</a></li>
<li><a href="https://mundango.daverupert.com/">Mundango Storytelling</a></li>
<li><a href="https://www.jetbrains.com/">Developer Tools</a></li>
</ul><h2>Sponsors</h2><h3><a href='https://www.bluehost.com/'>Bluehost</a></h3>Find unique domains, web hosting, and WordPress tools,
all in one place. Empower your business or digital agency
with Bluehost.

641: Passkey Usage, Writing Code with a Bot, and What’s Up With Java?

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes talk with Taylor Desseyn about the shifting developer job market. Taylor shares practical tips for standing out, building genuine connections, and finding opportunities in a competitive hiring landscape.</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:38">01:38</a></strong> Meet Taylor Desseyn</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=03:51">03:51</a></strong> Is the dev job market as bad as it seems?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=06:47">06:47</a></strong> How to stand out when applying for a dev job?</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=11:03">11:03</a></strong> Who is getting hired?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=14:16">14:16</a></strong> What tech/languages are companies hiring for right now?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=16:37">16:37</a></strong> Is there less work?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=20:10">20:10</a></strong> The small things that get you hired</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=24:19">24:19</a></strong> What to do when you get laid off</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=27:42">27:42</a></strong> Brought to you by <a href="http://Sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=28:07">28:07</a></strong> How to make yourself more appealing to employers</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=32:39">32:39</a></strong> Networking tips and tricks</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=39:01">39:01</a></strong> Remote work and office return trends</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=40:58">40:58</a></strong> Why you should negotiate carefully</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=43:38">43:38</a></strong> What’s the most important thing right now for getting hired?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=45:48">45:48</a></strong> Should devs understand stakeholders and business goals?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=46:42">46:42</a></strong> Creating a good resume</li> <li class="has-line-data" data-line-start="21" data-line-end="23"> <strong><a href="#t=52:00">52:00</a></strong> Sick Picks & Shameless Plugs</li> </ul> <h3 class="code-line" data-line-start="23" data-line-end="24"> <a id="Sick_Picks_23"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="25" data-line-end="26"> Taylor: <a href= "https://www.target.com/p/desktop-microphone-heyday-8482-stone-white/-/A-81505897"> heydey mic</a></li> <li class="has-line-data" data-line-start="26" data-line-end="28"> <a href="https://www.youtube.com/@randyrektor">Randy Rektor’s YouTube Channel</a></li> </ul> <h3 class="code-line" data-line-start="28" data-line-end="29"> <a id="Shameless_Plugs_28"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="30" data-line-end="34"> Taylor: <ul> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://torc.dev">Torc</a></li> <li class="has-line-data" data-line-start="32" data-line-end="34"> <a href= "https://podcasts.apple.com/us/podcast/guidance-counselor-2-0/id1256154656"> Guidance Counselor 2.0</a></li> </ul> </li> </ul> <h3 class="code-line" data-line-start="34" data-line-end="35"> <a id="Hit_us_up_on_Socials_34"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="36" data-line-end="37"> 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="38" data-line-end="39"> 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="40" data-line-end="41"> 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="42" data-line-end="43"> 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>

845: Are companies hiring? State of the dev job market with Taylor Desseyn

Matteo Collina and Luca Maraschi join the podcast to talk about Platformatic. Learn about Platformatics’ incredible 4.3 million dollar seed round, its robust features and modular approach, and how it addresses the unique challenges faced by devs and enterprises.
Links
https://platformatic.dev/docs/getting-started/quick-start-watt
Matteo Collina:
https://nodeland.dev
https://x.com/matteocollina
https://fosstodon.org/@mcollina
https://github.com/mcollina
https://www.linkedin.com/in/matteocollina
https://www.youtube.com/@adventuresinnodeland
Luca Maraschi:
https://www.linkedin.com/in/lucamaraschi
https://x.com/lucamaraschi
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guests: Luca Maraschi and Matteo Collina.


How Platformatic is simplifying Node.js app management with Matteo Collina and Luca Maraschi

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes serve up listener questions on everything from SvelteKit’s limits and the quirks of branded types in TypeScript to handling email queues and secure token storage in cookies. Plus, they get into app security, the evolution of checkout flows, and why QA teams can <em>actually</em> be game-changers for dev teams.</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=00:50">00:50</a></strong> Catching up.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=01:52">01:52</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=02:56">02:56</a></strong> What are the limitations of SvelteKit?</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=06:41">06:41</a></strong> Svelte 5 updates.</li> <li class="has-line-data" data-line-start="9" data-line-end="11"> <strong><a href="#t=07:53">07:53</a></strong> Branded types in TypeScript. <ul> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href= "https://egghead.io/blog/using-branded-types-in-typescript">EggHead.io Blog</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=11:56">11:56</a></strong> Queue applications and a ‘poor man’s queue’.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=17:20">17:20</a></strong> The real value of a functional QA team.</li> <li class="has-line-data" data-line-start="13" data-line-end="16"> <strong><a href="#t=21:34">21:34</a></strong> Invoker commands. <ul> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href= "https://open-ui.org/components/invokers.explainer/">Invokers Explained</a>.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://www.youtube.com/watch?v=K7lgOnO89mE">Denver Script Talk</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="16" data-line-end="18"> <strong><a href="#t=26:29">26:29</a></strong> Growing security and permissions concerns. <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://obdev.at/products/littlesnitch/index.html">Little Snitch</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=33:03">33:03</a></strong> Stripe vs PayPal in 2024.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=38:24">38:24</a></strong> Christmas gift guide.</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=38:39">38:39</a></strong> Websockets vs streams vs polling.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=41:04">41:04</a></strong> Storing access and refresh tokens in a cookie.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=45:41">45:41</a></strong> Shipping with TypeScript errors.</li> <li class="has-line-data" data-line-start="23" data-line-end="25"> <strong><a href="#t=49:34">49:34</a></strong> Sick Picks + Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="25" data-line-end="26"> <a id="Sick_Picks_25"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="27" data-line-end="28"> Scott: <a href="https://theblackstuff.com/">The Black Stuff Deodorant</a>.</li> <li class="has-line-data" data-line-start="28" data-line-end="30"> Wes: <a href="https://amzn.to/409anar">Apple Watch Charging Brick</a>.</li> </ul> <h3 class="code-line" data-line-start="30" data-line-end="31"> <a id="Shameless_Plugs_30"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="32" data-line-end="35"> Scott: <a href="https://www.youtube.com/@syntaxfm">Syntax on YouTube</a>.</li> </ul> <h3 class="code-line" data-line-start="35" data-line-end="36"> <a id="Hit_us_up_on_Socials_35"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="37" data-line-end="38"> 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="39" data-line-end="40"> 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="41" data-line-end="42"> 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="43" data-line-end="44"> 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>

844: TypeScript, Branded Types, Streaming vs Polling + More

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes react to the big GitHub Universe announcements, recorded live at GitHub Universe. They dive into Copilot’s new features, exploring how its advancements stack up against Cursor AI in the battle for the ultimate AI-driven developer tool.</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:12">01:12</a></strong> Our Syntax Meetup.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=02:54">02:54</a></strong> AI is everywhere.</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=03:22">03:22</a></strong> Sherlocking and jockeying for position.</li> <li class="has-line-data" data-line-start="8" data-line-end="10"> <strong><a href="#t=04:49">04:49</a></strong> GitHub Copilot introduces alternative LLMs. <ul> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://github.com/features/copilot">GitHub Copilot</a></li> </ul> </li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=06:31">06:31</a></strong> New tools are build upon existing LLMs.</li> <li class="has-line-data" data-line-start="11" data-line-end="13"> <strong><a href="#t=09:14">09:14</a></strong> VSCode reclaiming ground from Cursor. <ul> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://www.cursor.com/">Cursor</a></li> </ul> </li> <li class="has-line-data" data-line-start="13" data-line-end="33"> <strong><a href="#t=10:31">10:31</a></strong> The new features. <ul> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=10:34">10:34</a></strong> Multi-file editing.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=10:54">10:54</a></strong> Use-cases for multi-file editing.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=12:58">12:58</a></strong> Multi-model selection.</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=13:05">13:05</a></strong> Repo indexing.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=13:50">13:50</a></strong> <a href= "https://docs.github.com/en/copilot/customizing-copilot/adding-custom-instructions-for-github-copilot"> Copilot instructions</a>.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=14:34">14:34</a></strong> Examples of <a href= "https://github.com/PatrickJS/awesome-cursorrules">Cursor rules</a>.</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=16:39">16:39</a></strong> No mention of multiple-line suggestions.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=18:02">18:02</a></strong> Multi-file edit?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=20:26">20:26</a></strong> <a href= "https://githubnext.com/projects/copilot-for-pull-requests">Code review</a>.</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=22:36">22:36</a></strong> <a href= "https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github"> GitHub Pull Requests plugin</a>.</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=24:34">24:34</a></strong> Investing in AI ‘big bets’.</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=26:29">26:29</a></strong> Scott’s mysterious YouTube unreleased feature.</li> <li class="has-line-data" data-line-start="26" data-line-end="28"> <strong><a href="#t=27:11">27:11</a></strong> 3-minute YouTube shorts. <ul> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href= "https://www.tiktok.com/@wesbos/video/7427155762322951430?is_from_webapp=1&sender_device=pc&web_id=7430878331563820587"> Wes’ TikTok</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=28:29">28:29</a></strong> <a href= "https://github.com/marketplace">GitHub Marketplace</a>.</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=32:18">32:18</a></strong> <a href= "https://githubnext.com/projects/copilot-workspace/">Copilot Workspace</a>.</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=34:53">34:53</a></strong> Copilot Workspace features yet to come.</li> <li class="has-line-data" data-line-start="31" data-line-end="33"> <strong><a href="#t=36:25">36:25</a></strong> <a href= "https://githubnext.com/projects/github-spark">GitHub Spark</a>. <ul> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://bolt.new/">Bolt.new</a>.</li> </ul> </li> </ul> </li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=42:44">42:44</a></strong> Final thoughts on Copilot vs Cursor.</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <strong><a href="#t=44:03">44:03</a></strong> What products do you think are in trouble?</li> <li class="has-line-data" data-line-start="35" data-line-end="37"> <strong><a href="#t=50:26">50:26</a></strong> Sick Picks & Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="37" data-line-end="38"> <a id="Sick_Picks_37"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="39" data-line-end="40"> Scott: <a href="https://waymo.com/">Waymo</a>.</li> <li class="has-line-data" data-line-start="40" data-line-end="42"> Wes: <a href="https://waymo.com/">Waymo</a>.</li> </ul> <h3 class="code-line" data-line-start="42" data-line-end="43"> <a id="Hit_us_up_on_Socials_42"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="44" data-line-end="45"> 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="46" data-line-end="47"> 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="48" data-line-end="49"> 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="50" data-line-end="51"> 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>

843: Copilot Kills Cursor? Reacting to Github Universe Keynote

<h2>Show Description</h2><p>Riffing off a Dave Rupert blog post, Chris and Dave talk through the pros and cons of web components, when to use them, when it's a bad idea to use them, what would it take to make the Next.js of web components, and how long until we don't need anymore frameworks?</p>
<p><a href='https://shoptalkshow.com/640/' style='background: #ca6533; color: black; padding: 8px 20px; text-decoration: none;'>Listen on Website &rarr;</a></p><h2>Links</h2><ul>
<li><a href="https://daverupert.com/2024/10/super-web-components-sunshine/">Where web components shine - daverupert.com</a></li>
<li><a href="https://developer.microsoft.com/en-us/fluentui#/">Fluent UI - Get started - Fluent UI</a></li>
<li><a href="https://react.dev/">React</a></li>
<li><a href="https://remix.run/">Website Improvement</a></li>
<li><a href="https://www.sanity.io/blog/welcoming-the-begin-team-to-sanity">Begin Team to Join</a></li>
<li><a href="https://www.11ty.dev/">Eleventy Generator</a></li>
<li><a href="https://docs.astro.build/en/basics/astro-components/">Components</a></li>
<li><a href="https://github.com/kenchris/urlpattern-polyfill">URLPattern Polyfill</a></li>
</ul><h2>Sponsors</h2><h3><a href='https://www.bluehost.com/'>Bluehost</a></h3>Find unique domains, web hosting, and WordPress tools,
all in one place. Empower your business or digital agency
with Bluehost.

640: Navigating the Pros and Cons of Web Components

<p>In today's episode we discuss the concept of adopting self-coaching personas, and discuss a critical first persona to start with.</p><h2>🙏 Today's Episode is Brought To you by: <a href="https://wixstudio.com">Wix Studio</a></h2><p>Devs, if you think website builders mean limited control—think again.<br />With Wix Studio’s developer-first ecosystem you can spend less time on tedious tasks and<br />more on the functionalities that matters most:<br />● Develop online in a VS Code-based IDE or locally via GitHub.<br />● Extend and replace a suite of powerful business solutions<br />● And ship faster with Wix Studio’s AI code assistant<br />All of that, wrapped up in auto-maintained infrastructure for total peace of mind.<br />Work in a developer-first ecosystem. Go to <a href="https://wixstudio.com">wixstudio.com</a></p><h2>📮 Ask a Question</h2><p>If you enjoyed this episode and would like me to discuss a question that you have on the show, drop it over at: <a href="https://www.developertea.com/contact">developertea.com.</a></p><h2>📮 Join the <a href="https://developertea.com/discord">Discord</a></h2><p>If you want to be a part of a supportive community of engineers (non-engineers welcome!) working to improve their lives and careers, join us on the Developer Tea Discord community by visiting <a href="https://developertea.com/discord">https://developertea.com/discord</a> today!</p><h2>🧡 Leave a Review</h2><p>If you're enjoying the show and want to support the content head over to iTunes and <a href="https://ratethispodcast.com/devtea">leave a review</a>! It helps other developers discover the show and keep us focused on what matters to you.</p>


Coaching Yourself: Career Coaching Personas for Everyday Engineers, Part One - The Available Manager

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes talk with Andrea Giammarchi (aka WebReflection) about his projects, including LinkDOM and PyScript, and the exciting future of running Python in the browser via WebAssembly.</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="7"> <strong><a href="#t=01:04">01:04</a></strong> Andrea’s background and early work <ul> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href= "https://github.com/WebReflection/linkedom">LinkDOM</a></li> </ul> </li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=07:25">07:25</a></strong> Brought to you by <a href="https://sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=09:56">09:56</a></strong> <a href= "https://pyscript.com/">Pyscript</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=14:31">14:31</a></strong> Why run <a href= "https://www.python.org/">Python</a> in the browser?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=20:17">20:17</a></strong> Using <a href= "https://webassembly.org/">WebAssembly</a> to run different languages in JS</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=23:33">23:33</a></strong> The advantages of WebAssembly</li> <li class="has-line-data" data-line-start="12" data-line-end="14"> <strong><a href="#t=25:55">25:55</a></strong> What excites Andrea about WASM <ul> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href= "https://es.discourse.group/t/proposal-esx-as-core-js-feature/1511"> Proposal: ESX as core JS feature</a></li> </ul> </li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=31:10">31:10</a></strong> What is <a href= "https://github.com/WebAssembly/WASI">WASI</a>?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=32:21">32:21</a></strong> Andrea’s experience with IOT and microcontrollers</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=35:35">35:35</a></strong> How can the JS ecosystem be improved?</li> <li class="has-line-data" data-line-start="17" data-line-end="19"> <strong><a href="#t=38:07">38:07</a></strong> Should we have reactivity in the browser? <ul> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://github.com/WebReflection/signal">Signals</a></li> </ul> </li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=41:06">41:06</a></strong> Andrea’s thoughts on server-side APIs</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=43:43">43:43</a></strong> Andrea’s thoughts on <a href="https://www.typescriptlang.org/">TypeScript</a></li> <li class="has-line-data" data-line-start="21" data-line-end="23"> <strong><a href="#t=49:13">49:13</a></strong> Sick Picks & Shameless Plugs</li> </ul> <h3 class="code-line" data-line-start="23" data-line-end="24"> <a id="Sick_Picks_23"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="25" data-line-end="27"> Andrea: <a href= "https://www.espressif.com/en/products/socs/esp32">ESP32</a></li> </ul> <h3 class="code-line" data-line-start="27" data-line-end="28"> <a id="Shameless_Plugs_27"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="29" data-line-end="31"> Andrea: <a href="https://x.com/WebReflection">Andrea’s X / Twitter</a></li> </ul> <h3 class="code-line" data-line-start="31" data-line-end="32"> <a id="Hit_us_up_on_Socials_31"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="33" data-line-end="34"> 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="35" data-line-end="36"> 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="37" data-line-end="38"> 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="39" data-line-end="40"> 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>

842: There's Python in my JavaScript! with Andrea Giammarchi

In this panel episode, join our producer Emily and hosts Josh and Paul as they discuss the debate around rewriting JavaScript tools in faster languages, the exciting release of Svelte 5, and the newly introduced Void Zero toolchain.
Links
Paul Mikulskis
https://www.linkedin.com/in/paul-mikulskis-37a50b4a
https://www.youtube.com/@SuperSynthguy?app=desktop
Josh Goldberg
https://www.joshuakgoldberg.com
https://twitter.com/JoshuaKGoldberg
https://www.youtube.com/@JoshuaKGoldberg
https://fosstodon.org/@JoshuaKGoldberg
https://bsky.app/profile/joshuakgoldberg.com
https://www.twitch.tv/JoshuaKGoldberg
https://github.com/JoshuaKGoldberg
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) 


Rewriting JavaScript, Svelte 5, and Void(0)

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes continue to share hair-raising developer horror stories submitted by listeners. From accidentally severing access to crucial databases to a limitless coupon code that cost millions, these tales will have you on the edge of your seat. Tune in for more wild mishaps, close calls, and hard-learned lessons from the dark side of coding. You won’t want to miss this second round of spooky web dev stories!</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=00:49">00:49</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=01:32">01:32</a></strong> ‘Monkey Business’</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=03:21">03:21</a></strong> ‘Spooky Integration Bug’</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=06:25">06:25</a></strong> ‘Worst Case Wake Up’</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=08:57">08:57</a></strong> ‘Severed Trunk and Missing Backups’</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=11:21">11:21</a></strong> ‘Brute Force Too Brutal’</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=12:30">12:30</a></strong> ‘A Dorm Room Bee Movie’</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=15:46">15:46</a></strong> ‘No Goats’</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=16:45">16:45</a></strong> ‘Pokémon Problems’</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=18:08">18:08</a></strong> ‘Late Night’</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=22:21">22:21</a></strong> ‘Bootcamp Bungle’</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=26:19">26:19</a></strong> ‘Film School F*** Up’</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=30:26">30:26</a></strong> ‘AWS Clusterf***’</li> <li class="has-line-data" data-line-start="18" data-line-end="20"> <strong><a href="#t=31:26">31:26</a></strong> ‘Limitless Coupon Disaster’ <ul> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://syntax.fm/451">Episode #451</a>, <a href= "https://syntax.fm/609">Episode #609</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=33:55">33:55</a></strong> ‘Ruined Vacation’</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=35:47">35:47</a></strong> ‘Console.swear’</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=37:28">37:28</a></strong> ‘Another Coupon Disaster’</li> <li class="has-line-data" data-line-start="23" data-line-end="25"> <strong><a href="#t=40:46">40:46</a></strong> ‘The Doctor’ <ul> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://github.com/wesbos/burner-email-providers">Wes’ Burner List</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=43:01">43:01</a></strong> ‘Marketing Nightmare’</li> <li class="has-line-data" data-line-start="26" data-line-end="33"> <strong><a href="#t=45:10">45:10</a></strong> What did we learn this year? <ul> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=45:12">45:12</a></strong> You need processes.</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=48:42">48:42</a></strong> Ask for help.</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=49:44">49:44</a></strong> Dry-run queries + soft delete.</li> <li class="has-line-data" data-line-start="30" data-line-end="32"> <strong><a href="#t=51:14">51:14</a></strong> Code reviews. <ul> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://syntax.fm/830">Episode #830</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <strong><a href="#t=52:11">52:11</a></strong> Version control.</li> </ul> </li> <li class="has-line-data" data-line-start="33" data-line-end="35"> <strong><a href="#t=53:58">53:58</a></strong> Sick Picks + Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="35" data-line-end="36"> <a id="Sick_Picks_35"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="37" data-line-end="38"> Scott: <a href="https://www.imdb.com/title/tt26933824/">Nobody Wants This</a>.</li> <li class="has-line-data" data-line-start="38" data-line-end="40"> Wes: <a href="https://www.truff.com/">Truffle Hot Sauce</a>.</li> </ul> <h3 class="code-line" data-line-start="40" data-line-end="41"> <a id="Shameless_Plugs_40"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="42" data-line-end="43"> Scott: <a href="https://syntax.fm">syntax.fm</a>.</li> <li class="has-line-data" data-line-start="43" data-line-end="45"> Wes: <a href="https://syntax.fm/spooky">syntax.fm/spooky</a>.</li> </ul> <h3 class="code-line" data-line-start="45" data-line-end="46"> <a id="Hit_us_up_on_Socials_45"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="47" data-line-end="48"> 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="49" data-line-end="50"> 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="51" data-line-end="52"> 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="53" data-line-end="54"> 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>

841: Spooky Web Dev Horror Stories - PART 2

<p>In this episode of Front End Happy Hour, we’re joined by Karen to dive into an essential conversation about allyship and inclusion in the tech industry. We discuss what it means to actively support underrepresented groups, the challenges of fostering genuine inclusivity, and practical ways to make an impact as allies. From actionable advice to thought-provoking insights, Karen shares her experiences and perspectives, making this episode a must-listen for anyone committed to building a more inclusive tech community. Join us as we explore how we can go beyond the surface and drive real change in tech.</p>
<p><br /></p>
<p>Guests:</p>
<p>Karen Catlin</p>
<p><br /></p>
<p>Panelists:</p>
<p>Ryan Burgess - @burgessdryan</p>


Beyond the Bingo Card: Leadership Lessons with Karen Catlin

Does having smaller, more frequent iterations help to ease your cognitive load? During this episode, we discuss the benefits and challenges of working iteratively and whether or not it can prevent costly errors. You’ll hear about juggling individual pieces effectively, factors that incentivize and de-incentivize working iteratively, and how Joël gauges whether or not a project should be broken up into smaller tasks. It can be hard to adopt small iterations, and this conversation also touches on the idea of ‘good enough code’ and discusses how agility can reduce the cost of making changes. Tuning in, you’ll hear about some of the challenges of keeping up with changes as they evolve and why it is beneficial to do so. You will also be equipped with a thought experiment involving elephant carpaccio to build your understanding of working iteratively, explore the challenge of keeping up with evolving changes, and more. Thanks for listening.
Key Points From This Episode:
Stephanie shares a recent mishap that happened at work and what she learned from it. 
Unpacking pressures and other aspects that may have contributed to the error.
Joël’s recent travels and his fresh appreciation for fall. 
The cost of an incident occurring, how this increases, and the role of code review. 
Benefits and pitfalls of more regular code review.
Why working with smaller chunks of work is helpful for Joël’s focus.
Juggling individual pieces effectively. 
Factors that de-incentivize working iteratively such as waiting on 24-hour quality control processes. 
How working iteratively can facilitate better communication. 
Why Joël feels that work that spans a few days should be broken up into smaller chunks.
The idea of ‘good enough code’. 
How agility can reduce the cost of making changes.
Using the elephant carpaccio exercise to bolster your understanding of working iteratively. 
The challenge of keeping up with changes as they evolve and why it is beneficial to do so.
Involvement from the team and the capacity to change course. 
Links Mentioned in Today’s Episode:
WorkOS (http://workos.com/)
Working Incrementally (https://bikeshed.thoughtbot.com/361)
Working Iteratively (https://thoughtbot.com/blog/working-iteratively)
Elephant Carpaccio Exercise (https://docs.google.com/document/u/1/d/1TCuuu-8Mm14oxsOnlk8DqfZAA1cvtYu9WGv67Yj_sSk/pub)
The Bike Shed (https://bikeshed.thoughtbot.com/)
Joël Quenneville on LinkedIn (https://www.linkedin.com/in/joel-quenneville-96b18b58/)
Joël Quenneville on X (https://x.com/joelquen)
Support The Bike Shed (https://github.com/sponsors/thoughtbot) 


445: Working Iteratively

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes unpack the spookiest web dev stories submitted by listeners in this episode. From forgotten MX records to infinite loops, these real-life coding horrors will have you double-checking your WHERE clauses and git backups.</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=00:39">00:39</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="8"> <strong><a href="#t=00:48">00:48</a></strong> What is Spooky Stories? <ul> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://syntax.fm/spooky">Submit a story</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=02:45">02:45</a></strong> ‘Needs a Coffee’</li> <li class="has-line-data" data-line-start="9" data-line-end="11"> <strong><a href="#t=04:43">04:43</a></strong> ‘Deleting Github’ <ul> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href= "https://twitter.com/defunkt/status/1719421402867204537">Defunkt X Post</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=07:42">07:42</a></strong> ‘Rejected’</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=09:08">09:08</a></strong> ‘Infinite Loop’</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=09:26">09:26</a></strong> ‘MySqueeel Horror’</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=11:02">11:02</a></strong> ‘Pet Company’</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=12:09">12:09</a></strong> ‘Git Corrupted’</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=12:57">12:57</a></strong> ‘Circular Horror’</li> <li class="has-line-data" data-line-start="17" data-line-end="19"> <strong><a href="#t=14:25">14:25</a></strong> ‘The Haunting of the Forgotten MX Records’</li> </ul> <h3 class="code-line" data-line-start="19" data-line-end="20"> <a id="Hit_us_up_on_Socials_19"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="21" data-line-end="22"> 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="23" data-line-end="24"> 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="25" data-line-end="26"> 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="27" data-line-end="28"> 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>

840: Spooky Web Dev Horror Stories - PART 1

<h2>Show Description</h2><p>How important is the DX of software vs how important is the person showing off the software, Douglas Crockford and JSON, remembering XML, trying to write better HTML for email, new TC39 proposal, workshopping t-shirts, and what do you do if you want a little bit of database on your website?</p>
<p><a href='https://shoptalkshow.com/639/' style='background: #ca6533; color: black; padding: 8px 20px; text-decoration: none;'>Listen on Website &rarr;</a></p><h2>Links</h2><ul>
<li><a href="https://fitc.ca/event/webu24/">Web Unleashed 2024 - FITC</a></li>
<li><a href="https://blog.codepen.io/2019/09/09/new-high-contrast-syntax-highlighting-themes/">New High Contrast Syntax Highlighting Themes – CodePen</a></li>
<li><a href="https://en.wikipedia.org/wiki/Douglas_Crockford">Douglas Crockford</a></li>
<li><a href="https://www.json.org/json-en.html">JSON</a></li>
<li><a href="https://www.jsonfeed.org/">JSON Feed</a></li>
<li><a href="https://tv.apple.com/ca/show/slow-horses/umc.cmc.2szz3fdt71tl1ulnbp8utgq5o">Slow Horses</a></li>
<li><a href="https://bleepbloop.studio/posts/new-tc39-proposal-does-javascript-require-a-compiler-soon">JavaScript Compiler Proposal</a></li>
<li><a href="https://pawelgrzybek.com/whats-new-in-ecmascript-2024/">ECMAScript 2024 Updates</a></li>
<li><a href="https://www.contentful.com/?">Contentful</a></li>
<li><a href="https://strapi.io/">Strapi</a></li>
<li><a href="https://www.sanity.io/">Sanity Content System</a></li>
<li><a href="https://www.heroku.com/">Heroku</a></li>
<li><a href="https://www.cloudflare.com/">Cloudflare</a></li>
<li><a href="https://turso.tech/">Turso</a></li>
<li><a href="https://docs.netlify.com/blobs/overview/">Netlify Blobs</a></li>
<li><a href="https://bolt.new/">bolt.new</a></li>
</ul><h2>Sponsors</h2><h3><a href='https://www.bluehost.com/'>Bluehost</a></h3>Find unique domains, web hosting, and WordPress tools,
all in one place. Empower your business or digital agency
with Bluehost.

639: DX, JSON, XML, HTML, and Databases! Oh My!

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes talk with Søren Bramer Schmidt, Founder and CEO of Prisma, about database best practices, including the latest developments in serverless, local-first, and typed SQL solutions.</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=02:55">02:55</a></strong> Søren’s thoughts on GraphQL</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=03:53">03:53</a></strong> Brought to you by <a href="https://sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=06:57">06:57</a></strong> Common database mistakes</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=08:52">08:52</a></strong> Prisma’s stability and user experience</li> <li class="has-line-data" data-line-start="9" data-line-end="12"> <strong><a href="#t=10:42">10:42</a></strong> Typed SQL and advanced querying <ul> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href= "https://www.prisma.io/blog/announcing-typedsql-make-your-raw-sql-queries-type-safe-with-prisma-orm"> Announcing TypedSQL: Make your raw SQL queries type-safe with Prisma ORM</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://www.prisma.io/data-platform/optimize">Prisma Optimize</a></li> </ul> </li> <li class="has-line-data" data-line-start="12" data-line-end="14"> <strong><a href="#t=20:47">20:47</a></strong> Serverless challenges and solutions <ul> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://www.prisma.io/data-platform/accelerate">Prisma Accelerate</a></li> </ul> </li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=27:11">27:11</a></strong> Cloudflare’s potential to dethrone AWS</li> <li class="has-line-data" data-line-start="15" data-line-end="17"> <strong><a href="#t=29:13">29:13</a></strong> Prisma and local-first development <ul> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://www.youtube.com/watch?v=keZYUjAYSJM">Prisma & Expo: A Better Path to Local-First Apps | App.js Conf 2024</a></li> </ul> </li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=35:30">35:30</a></strong> Making local-first development mainstream</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=40:10">40:10</a></strong> Challenges with async</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=42:43">42:43</a></strong> Søren’s thoughts on <a href="https://orm.drizzle.team/">Drizzle</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=43:41">43:41</a></strong> Søren’s favorite database</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=47:21">47:21</a></strong> The read your writes problem</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=48:58">48:58</a></strong> Prisma hosted Postgres</li> <li class="has-line-data" data-line-start="23" data-line-end="25"> <strong><a href="#t=51:44">51:44</a></strong> Sick Picks & Shameless Plugs</li> </ul> <h3 class="code-line" data-line-start="25" data-line-end="26"> <a id="Sick_Picks_25"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="27" data-line-end="29"> Søren: <a href="https://www.cursor.com/">Cursor</a></li> </ul> <h3 class="code-line" data-line-start="29" data-line-end="30"> <a id="Shameless_Plugs_29"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="31" data-line-end="35"> Søren: <ul> <li class="has-line-data" data-line-start="32" data-line-end="33"> 1: <a href= "https://www.prisma.io/blog/prisma-optimize-early-access">Prisma Optimize</a></li> <li class="has-line-data" data-line-start="33" data-line-end="35"> 2: Prisma Postgres (coming soon)</li> </ul> </li> </ul> <h3 class="code-line" data-line-start="35" data-line-end="36"> <a id="Hit_us_up_on_Socials_35"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="37" data-line-end="38"> 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="39" data-line-end="40"> 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="41" data-line-end="42"> 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="43" data-line-end="44"> 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>

839: Prisma ORM: Local First, Typed SQL Queries and Serverless with Søren Bramer Schmidt

In this episode, Dominik Dorfmeister, TanStack maintainer, joins us to discuss component composition in React. He discusses breaking components apart, managing conditional rendering, and the benefits of early returns in improving code readability and maintainability.
Links
https://tkdodo.eu/blog/component-composition-is-great-btw
https://tkdodo.eu/blog
https://github.com/TkDodo
https://www.dorfmeister.cc
https://x.com/TkDodo
https://www.linkedin.com/in/dominik-dorfmeister-8a71051b9
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Dominik Dorfmeister.


Component composition with Dominik Dorfmiester

<p class="has-line-data" data-line-start="0" data-line-end="1">Get your productivity game on point! Scott and Wes serve up the best tools for web developers, covering everything from password managers and to-do apps to mind-mapping tools and little scripts that make life easier. Plus, find out what snippet managers they swear by and how they keep their email under control.</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=03:01">03:01</a></strong> Brought to you by <a href="http://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=03:44">03:44</a></strong> <a href= "https://www.eventbrite.com/e/san-francisco-syntax-meetup-tickets-982091250367"> Syntax meetup San Francisco</a>.</li> <li class="has-line-data" data-line-start="7" data-line-end="9"> <strong><a href="#t=04:26">04:26</a></strong> Breakdancing update. <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://www.instagram.com/kid.cruz">Kid Cruz Instagram</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="9" data-line-end="11"> <strong><a href="#t=05:18">05:18</a></strong> Password management. <ul> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://1password.com/">1Password</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=08:30">08:30</a></strong> Apple stomping on apps.</li> <li class="has-line-data" data-line-start="12" data-line-end="16"> <strong><a href="#t=09:50">09:50</a></strong> To-do applications. <ul> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://culturedcode.com/things/">Things</a>.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://gettingthingsdone.com/">Getting Things Done</a>.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://tweek.so/">Tweek</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="16" data-line-end="19"> <strong><a href="#t=18:18">18:18</a></strong> To-do in code. <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href= "https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree"> Todo Tree</a>.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href= "https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments"> Better Comments</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=20:21">20:21</a></strong> Snippets.</li> <li class="has-line-data" data-line-start="20" data-line-end="23"> <strong><a href="#t=25:55">25:55</a></strong> Mind-mapping. <ul> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://www.mindnode.com/">MindNode</a>.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://www.figma.com/figjam/">FigJam</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="23" data-line-end="28"> <strong><a href="#t=29:01">29:01</a></strong> Note-taking. <ul> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://obsidian.md/">Obsidian</a>.</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://www.stashpad.com/">Stashpad</a>.</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://observablehq.com/">ObservableHQ</a>.</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="https://jupyter.org/">Jupyter</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="28" data-line-end="30"> <strong><a href="#t=36:34">36:34</a></strong> Little scripts. <ul> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://www.scriptkit.com/">Script Kit</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="30" data-line-end="32"> <strong><a href="#t=39:50">39:50</a></strong> Email. <ul> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href= "https://superhuman.com/refer/xdyojnbx">Superhuman</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="32" data-line-end="35"> <strong><a href="#t=48:11">48:11</a></strong> Some honorable mentions. <ul> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://habitpath.io/landing">Habitpath.io</a>.</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://heyfocus.com/">Focus</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="35" data-line-end="37"> <strong><a href="#t=52:10">52:10</a></strong> Sick Picks + Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="37" data-line-end="38"> <a id="Sick_Picks_37"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="39" data-line-end="40"> Scott: <a href= "https://www.iheart.com/podcast/1119-the-legend-of-swordquest-212688527/"> The Legend of SwordQuest</a>.</li> <li class="has-line-data" data-line-start="40" data-line-end="42"> Wes: <a href="https://freakonomics.com/series/everyday-things/">The Economics of Everyday Things</a>.</li> </ul> <h3 class="code-line" data-line-start="42" data-line-end="43"> <a id="Hit_us_up_on_Socials_42"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="44" data-line-end="45"> 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="46" data-line-end="47"> 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="48" data-line-end="49"> 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="50" data-line-end="51"> 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>

838: Productivity Tools for Web Developers

<p>In this episode of Front End Happy Hour, we explore the benefits and challenges of Server-Driven UI, especially in the context of large-scale applications. Join us as we discuss how this approach impacts front-end development, enhances flexibility, and scales effectively within big companies. Whether you’re curious about its implementation or looking to optimize your own tech stack, this conversation is packed with valuable insights. Tune in for a deep dive into Server-Driven UI and its role in shaping the future of user interfaces.</p>


Revisiting Server-Driven UI: Scalable Approaches in Large Companies

<p class="has-line-data" data-line-start="0" data-line-end="1">CJ joins Scott and Wes to dive into why he’s all-in on Hono, a fast and lightweight web framework for every JavaScript runtime. From familiar route creation to type-safe middleware, find out how Hono keeps things simple, powerful, and ready to use inside Next.js.</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=00:46">00:46</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="8"> <strong><a href="#t=01:11">01:11</a></strong> What is <a href= "https://hono.dev/">Hono</a>? <ul> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://www.youtube.com/watch?v=QDgdUtd6ZRs">Watch CJ’s Video Here</a></li> </ul> </li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=03:21">03:21</a></strong> <a href= "https://www.eventbrite.com/e/san-francisco-syntax-meetup-tickets-982091250367"> Syntax Meetup San Francisco</a>.</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=04:02">04:02</a></strong> Why I like Hono, and why you should try it.</li> <li class="has-line-data" data-line-start="10" data-line-end="12"> <strong><a href="#t=04:08">04:08</a></strong> Familiar route creation. <ul> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://www.npmjs.com/package/connect">Connect: an extensible HTTP server framework for node</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=05:45">05:45</a></strong> Supports every JS Runtime.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=07:00">07:00</a></strong> How a service worker works.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=08:48">08:48</a></strong> Helpers.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=09:16">09:16</a></strong> Middleware.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=10:40">10:40</a></strong> Sentry middleware.</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=10:55">10:55</a></strong> JSX support.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=13:21">13:21</a></strong> Organizing route handlers while keeping Types.</li> <li class="has-line-data" data-line-start="19" data-line-end="22"> <strong><a href="#t=14:24">14:24</a></strong> Type safety. <ul> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href= "https://github.com/w3cj/hono-open-api-starter">hono-open-api-starter</a>.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href= "https://hono.dev/examples/zod-openapi">zod-openapi</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="22" data-line-end="24"> <strong><a href="#t=15:46">15:46</a></strong> Defining base type. <ul> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href= "https://github.com/pinojs/pino/blob/main/docs/web.md">Pinojs</a></li> </ul> </li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=17:36">17:36</a></strong> Validation.</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=18:52">18:52</a></strong> Hono RPC client.</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=22:09">22:09</a></strong> Hono inside of Next.js.</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=23:30">23:30</a></strong> Testing.</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=25:22">25:22</a></strong> The community.</li> <li class="has-line-data" data-line-start="29" data-line-end="31"> <strong><a href="#t=27:34">27:34</a></strong> Type support.</li> </ul> <h3 class="code-line" data-line-start="31" data-line-end="32"> <a id="Hit_us_up_on_Socials_31"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="33" data-line-end="34"> 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="35" data-line-end="36"> 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="37" data-line-end="38"> 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="39" data-line-end="40"> 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>

837: You Should Drop Express and Try Hono

<h2>Show Description</h2><p>Dave's designing a new tshirt, questions for lawyers about copyrights for code projects, what does the copyright in the footer actually do, what do Dave and Chris require for personal web projects, does Jekyll get updated anymore, the Bob from Hell UX pattern, viewing ads on CNN, what about Joomla or Statamic, and how do paid fonts on the web work?</p>
<p><a href='https://shoptalkshow.com/638/' style='background: #ca6533; color: black; padding: 8px 20px; text-decoration: none;'>Listen on Website &rarr;</a></p><h2>Links</h2><ul>
<li><a href="https://aworkinglibrary.com/writing/coming-home">Coming home | A Working Library</a></li>
<li><a href="https://github.com/jekyll/jekyll/releases/tag/v4.3.4">Release v4.3.4 · jekyll/jekyll</a></li>
<li><a href="https://modem.io/blog/blog-monetization/">How to Monetize a Blog</a></li>
<li><a href="https://www.theverge.com/">The Verge</a></li>
<li><a href="https://www.joomla.org/">Joomla CMS</a></li>
<li><a href="https://www.craftcms.com/">Craft CMS</a></li>
<li><a href="https://statamic.com/">Statamic</a></li>
<li><a href="https://getkirby.com/">Kirby Adapts</a></li>
</ul><h2>Sponsors</h2><h3><a href='https://www.bluehost.com/'>Bluehost</a></h3>Find unique domains, web hosting, and WordPress tools,
all in one place. Empower your business or digital agency
with Bluehost.

638: Q&A About Copyright, Jekyll, Joomla, Statamic, and More!

836: Real Talk on Web Accessibility with Marcy Sutton Todd

<p>High-leverage work often comes in the simplest form of helping another person with <i>their</i> efforts.</p><h2>📮 Ask a Question</h2><p>If you enjoyed this episode and would like me to discuss a question that you have on the show, drop it over at: <a href="https://www.developertea.com/contact">developertea.com.</a></p><h2>📮 Join the <a href="https://developertea.com/discord">Discord</a></h2><p>If you want to be a part of a supportive community of engineers (non-engineers welcome!) working to improve their lives and careers, join us on the Developer Tea Discord community by visiting <a href="https://developertea.com/discord">https://developertea.com/discord</a> today!</p><h2>🧡 Leave a Review</h2><p>If you're enjoying the show and want to support the content head over to iTunes and <a href="https://ratethispodcast.com/devtea">leave a review</a>! It helps other developers discover the show and keep us focused on what matters to you.</p>


The Highest Leverage Work You Do - Footing the Ladder

Anthony Alaribe, co-founder of API Toolkit, discusses the power of the browser for building data-heavy applications. He talks about myths around single-page apps versus multi-page apps, leveraging tools like HTMX and Workbox, and the significance of browser-native features for interactive web development.
Links
https://htmx.org
https://tonyalaribe.medium.com
https://x.com/tonialaribe
https://github.com/tonyalaribe
https://www.linkedin.com/in/anthony-alaribe-293a41bb
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Anthony Alaribe.


Breaking free from SPA dominance with Anthony Alaribe

Join us in this episode as we delve into new performance features in Chrome DevTools with Umar Hansa. Learn about preloading, debugging techniques, and how to optimize website performance by focusing on key metrics.
Links
https://umaar.com
https://x.com/umaar
https://github.com/umaar
https://www.youtube.com/c/UmarHansa
https://www.linkedin.com/in/umarhansa
https://www.tiktok.com/@umarhansaofficial
https://dev.to/umaar
https://www.debugbear.com/blog/fix-web-performance-devtools
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Umar Hansa.


New performance features in Chrome DevTools with Umar Hansa

<p class="has-line-data" data-line-start="0" data-line-end="1">Do you really need a framework? Scott and Wes bring on CJ to break down when frameworks like Vue, Svelte, and Astro are worth it—and when they might just add complexity. They dive into everything from rendering strategies to auth solutions, deployment options, and how to choose the right tool for the job.</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:32">01:32</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="8"> <strong><a href="#t=03:17">03:17</a></strong> What is a framework? <ul> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href= "https://www.eventbrite.com/e/san-francisco-syntax-meetup-tickets-982091250367"> Syntax Meetup San Francisco</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=08:21">08:21</a></strong> Examples of frameworks for Vue, Svelte and Angular.</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=12:39">12:39</a></strong> What questions do you need to answer?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=12:44">12:44</a></strong> What or where do you need to ship?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=14:12">14:12</a></strong> How do you render it?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=18:22">18:22</a></strong> Where are you deploying it?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=24:03">24:03</a></strong> How do you store data?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=24:09">24:09</a></strong> Existing API.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=26:03">26:03</a></strong> Integrated server.</li> <li class="has-line-data" data-line-start="16" data-line-end="18"> <strong><a href="#t=26:22">26:22</a></strong> Database. <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://supabase.com/">Supabase</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=26:59">26:59</a></strong> Does it have RPC or server actions?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=34:27">34:27</a></strong> Do you need authentication?</li> <li class="has-line-data" data-line-start="20" data-line-end="28"> <strong><a href="#t=38:45">38:45</a></strong> Auth packages. <ul> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://lucia.js.org/">LuciaJS</a>.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href= "https://github.com/lucia-auth/lucia/discussions/1707">Lucia announcement</a>.</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://lucia-next.pages.dev/">Lucia preview</a>.</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://www.npmjs.com/package/arctic">NPM Arctic Oauth</a>.</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://www.npmjs.com/package/oslo">Auth utilities</a>.</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href= "https://github.com/better-auth/better-auth">Better-Auth</a>.</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href= "https://github.com/stolinski/drop-in/tree/main/packages/auth">Scott’s Drop-In Auth</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=42:10">42:10</a></strong> Does it include email?</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=42:52">42:52</a></strong> What does the TypeScript story look like?</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=43:32">43:32</a></strong> How does it handle images?</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <strong><a href="#t=44:35">44:35</a></strong> How do we work with CSS?</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <strong><a href="#t=46:02">46:02</a></strong> How long has it been around?</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=47:37">47:37</a></strong> How mature is the ecosystem?</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <strong><a href="#t=48:35">48:35</a></strong> Is there community support?</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <strong><a href="#t=50:21">50:21</a></strong> Portability.</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <strong><a href="#t=51:18">51:18</a></strong> Hiring.</li> <li class="has-line-data" data-line-start="37" data-line-end="39"> <strong><a href="#t=52:17">52:17</a></strong> Sick Pick + Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="39" data-line-end="40"> <a id="Sick_Picks_39"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="41" data-line-end="42"> CJ: <a href= "https://tycho.bandcamp.com/album/infinite-health">Infinite Health</a>.</li> <li class="has-line-data" data-line-start="42" data-line-end="43"> Scott: <a href="https://amzn.to/3XYJt2l">USB A to C adapters</a>.</li> <li class="has-line-data" data-line-start="43" data-line-end="45"> Wes: <a href="https://amzn.to/4hba2dF">Citric Acid</a>.</li> </ul> <h3 class="code-line" data-line-start="45" data-line-end="46"> <a id="Shameless_Plugs_45"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="47" data-line-end="49"> Scott: <a href="https://youtube.com/@syntaxfm">Syntax on YouTube</a></li> </ul> <h3 class="code-line" data-line-start="49" data-line-end="50"> <a id="Hit_us_up_on_Socials_49"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="51" data-line-end="52"> 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="53" data-line-end="54"> 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="55" data-line-end="56"> 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="57" data-line-end="58"> 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>

835: How to Pick a JavaScript Framework

What’s the difference between solving problems and recognizing patterns, and why does it matter for developers? In this episode, Stephanie and Joël discuss transitioning from collecting solutions to identifying patterns applicable to broader contexts in software development. They explore the role of heuristics, common misconceptions among junior and intermediate developers, and strategies for leveling up from a solution-focused mindset to thinking in patterns. They also discuss their experiences of moving through this transition during their careers and share advice for upcoming software developers to navigate it successfully. They explore how learning abstraction, engaging in code reviews, and developing a strong intuition for code quality help developers grow. Uncover the issue of over-applying patterns and gain insights into the benefits of broader, reusable approaches in code development. Join us to discover how to build your own set of coding heuristics, the pitfalls of pattern misuse, and how to become a more thoughtful developer. Tune in now!
Key Points From This Episode:
Stephanie unpacks the differences between patterns and solutions.
The role of software development experience in recognizing patterns.
Why transitioning from solving problems to recognizing patterns is crucial.
Joël and Stephanie talk about the challenges of learning abstraction. 
Hear pragmatic strategies for implementing patterns effectively.
How junior developers can build their own set of heuristics for code quality.
Discover valuable tools and techniques to identify patterns in your work.
Find out about approaches to documenting, learning, and sharing patterns.
Gain insights into the process of refactoring a solution into a pattern.
Outlining the common mistakes developers make and the pitfalls to avoid. 
Steps for navigating disagreements and feedback in a team environment. 
Links Mentioned in Today’s Episode:
WorkOS (http://workos.com/)
RubyConf 2021 - The Intro to Abstraction I Wish I'd Received (https://www.youtube.com/watch?v=m0dC5RmxcFk)
'Ruby Science' (https://thoughtbot.com/ruby-science/introduction.html)
Refactoring.Guru (https://refactoring.guru/)
Thoughtbot code review guide (https://github.com/thoughtbot/guides/blob/main/code-review/README.md)
The Bike Shed (https://bikeshed.thoughtbot.com/)
Joël Quenneville on LinkedIn (https://www.linkedin.com/in/joel-quenneville-96b18b58/)
Joël Quenneville on X (https://x.com/joelquen)
Support The Bike Shed (https://github.com/sponsors/thoughtbot) 


444: From Solutions To Patterns

<p>In this episode of Front End Happy Hour’s Sips of Wisdom, Ryan Burgess sits down with Taylor Desseyn, a long-time recruiter turned leader, to discuss his exciting new leadership role and his approach to building global communities. Taylor shares insights from his 13+ years of experience recruiting engineers and how he’s transitioned into a role focused on community building at scale. He talks about partnering with engineering leaders to hire top talent, the challenges of scaling himself through content creation, and his vision for creating high-quality, meaningful content that fosters community. Whether you’re interested in recruitment, leadership, or content creation, this conversation offers valuable takeaways on staying curious, evolving your career, and creating impact through authentic connections.</p>


Recruiting to Global Leadership: Taylor Desseyn Interview

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes serve up ways developers can use AI tools like Claude, GitHub Copilot, and more to boost productivity. From error tracing to refactoring code and automating mundane tasks, they break down how AI can handle the heavy lifting so you can focus on the fun stuff!</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:23">01:23</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=01:43">01:43</a></strong> Using AI tools effectively.</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=05:29">05:29</a></strong> Stack trace reading and error finding.</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=08:37">08:37</a></strong> <a href= "https://www.eventbrite.com/e/san-francisco-syntax-meetup-tickets-982091250367"> San Francisco Syntax Meetup</a>!</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=09:19">09:19</a></strong> Research and validation.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=12:19">12:19</a></strong> Completing mundane tasks.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=14:10">14:10</a></strong> Refactoring.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=18:56">18:56</a></strong> Simple typescript.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=20:29">20:29</a></strong> Summarizing docs and source code.</li> <li class="has-line-data" data-line-start="14" data-line-end="16"> <strong><a href="#t=23:56">23:56</a></strong> Quick hits.</li> </ul> <h3 class="code-line" data-line-start="16" data-line-end="17"> <a id="Hit_us_up_on_Socials_16"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="18" data-line-end="19"> 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="20" data-line-end="21"> 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="22" data-line-end="23"> 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="24" data-line-end="25"> 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>

834: AI Will Improve Your Web Development Workflow

<h2>Show Description</h2><p>Brian Muenzenmeyer joins the show to talk about his book, Approachable Open Source, ways we can make open source easier to get in, important conversations around funding and supporting open source, and whether money helps maintainers deal with burnout or not?</p>
<p><a href='https://shoptalkshow.com/637/' style='background: #ca6533; color: black; padding: 8px 20px; text-decoration: none;'>Listen on Website &rarr;</a></p><h2>Guests</h2><h3>Brian Muenzenmeyer</h3><p><a href='https://approachableopensource.com'>Guest's Main URL</a> • <a href='https://front-end.social/@brian'>Guest's Twitter</a></p><p><p>Author of Approachable Open Source, Principal Front End Engineer.</p>
</p><h2>Links</h2><ul>
<li><a href="https://approachableopensource.com/shop/">Shop | Approachable Open Source</a></li>
<li><a href="https://github.com/approachableopensource">Approachable Open Source</a></li>
<li><a href="https://www.linkedin.com/in/brian-muenzenmeyer-91a77554/">Brian Muenzenmeyer</a></li>
<li><a href="https://front-end.social/@brian">Front-End Social</a></li>
<li><a href="https://simplebits.shop/en-ca">SimpleBits®</a></li>
<li><a href="https://patternlab.io/">Atomic Design Creation</a></li>
<li><a href="https://steveklabnik.com/writing/how-to-be-an-open-source-gardener">Open Source Gardening</a></li>
<li><a href="https://en.wikipedia.org/wiki/WTFPL">WTFPL</a></li>
<li><a href="https://tidelift.com/">Security Risk Reduction</a></li>
<li><a href="https://voidzero.dev/blog">VoidZero | Blog</a></li>
<li><a href="https://biomejs.dev/blog/annoucing-biome/">Announcing Biome</a></li>
<li><a href="https://abookapart.com/">A Book Apart</a></li>
</ul><h2>Sponsors</h2><h3><a href='https://srv.buysellads.com/ads/long/x/TFRYE3SFTTTTTT6HZWFN5TTTTTT5TFV2KATTTTTT4TIE57YTTTTTTRPHQQUW6O3N5AYMLNPJKA7UCWJYZ34W4ASMPQST'>Bluehost</a></h3>Need a site <em>right</em> now?

Bluehost has AI that builds you custom WordPress sites in minutes.

Fast, easy, and ready to grow.

Go to <a href="https://srv.buysellads.com/ads/long/x/TFRYE3SFTTTTTT6HZWFN5TTTTTT5TFV2KATTTTTT4TIE57YTTTTTTRPHQQUW6O3N5AYMLNPJKA7UCWJYZ34W4ASMPQST">bluehost.com/shoptalk</a> and start today!

637: Approachable Open Source with Brian Muenzenmeyer

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes talk with Tanner Linsley, creator of TanStack, about the React ecosystem, and the evolution and futue of TanStack’s suite of tools, including TanStack Router and TanStack Start.</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="9"> <strong><a href="#t=02:59">02:59</a></strong> What is <a href= "https://tanstack.com/start/">TanStack Start</a>? <ul> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://unjs.io/">UnJS</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://nitro.unjs.io/">Nitro</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://vinxi.vercel.app/">Vinxi</a></li> </ul> </li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=06:17">06:17</a></strong> What is the <a href= "https://main.vitejs.dev/guide/api-environment">Vite Environment API</a>?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=07:21">07:21</a></strong> Was it always the plan to use Vite?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=08:02">08:02</a></strong> <a href= "https://tanstack.com/router/">TanStack Router</a> and client-side vs server-side</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=16:18">16:18</a></strong> How TanStack Start will work</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=27:26">27:26</a></strong> Moving from Create React App to TanStack</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=30:42">30:42</a></strong> Brought to you by <a href="https://sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=31:15">31:15</a></strong> Will TanStack Router ever support other frameworks?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=33:54">33:54</a></strong> How will TanStack Start handle forms?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=36:13">36:13</a></strong> <a href= "https://tanstack.com/virtual">TanStack Virtual</a></li> <li class="has-line-data" data-line-start="18" data-line-end="20"> <strong><a href="#t=39:41">39:41</a></strong> What is the future of TanStack? <ul> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://www.convex.dev/">Convex</a></li> </ul> </li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=42:49">42:49</a></strong> How Tanner writes documentation</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=47:55">47:55</a></strong> Server functions and middleware</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=54:41">54:41</a></strong> When will TanStack Start be in beta?</li> <li class="has-line-data" data-line-start="23" data-line-end="25"> <strong><a href="#t=57:00">57:00</a></strong> Sick Picks + Shameless Plugs</li> </ul> <h3 class="code-line" data-line-start="25" data-line-end="26"> <a id="Sick_Picks_25"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="27" data-line-end="31"> Tanner: <ul> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href= "https://www.amazon.com/LG-77-Inch-Processor-AI-Powered-OLED77C4PUA/dp/B0CVRDNLVX"> LG C4</a></li> <li class="has-line-data" data-line-start="29" data-line-end="31"> <a href= "https://www.amazon.com/Supcline-Compatible-Micro-Gap-Minimalist-Interior/dp/B0CL6TCYTK"> Ultra Slim Fit TV Wall Mount</a></li> </ul> </li> </ul> <h3 class="code-line" data-line-start="31" data-line-end="32"> <a id="Shameless_Plugs_31"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="33" data-line-end="37"> Tanner: <ul> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://tanstack.com/blog">TanStack Blog</a></li> <li class="has-line-data" data-line-start="35" data-line-end="37"> <a href="https://x.com/TkDodo">@TKDodo</a></li> </ul> </li> </ul> <h3 class="code-line" data-line-start="37" data-line-end="38"> <a id="Hit_us_up_on_Socials_37"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="39" data-line-end="40"> 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="41" data-line-end="42"> 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="43" data-line-end="44"> 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="45" data-line-end="46"> 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>

833: Next Gen Fullstack React with TanStack

Brendan Irvine-Broque, Director of Product at CloudFlare, about the latest updates to CloudFlare Workers, including persistent logging, service bindings, and the cutting-edge Hyperdrive. Discover how these innovations are shaping the future of web development and deployment.
Links
https://x.com/irvinebroque
https://workers.cloudflare.com
https://www.linkedin.com/in/brendanirvinebroque
https://blog.cloudflare.com/author/brendan-irvine-broque
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Brendan Irvine-Broque.


Cloudflare Workers, OpenNext with Brendan Irvine-Broque

Matt Kane, core maintainer for Astro, discusses the exciting new features in Astro 5. He talks about the content layer API, server islands, and the future developments that Astro users can look forward to.
Links
https://astro.build
https://x.com/ascorbic
https://indieweb.social/@ascorbic
https://bsky.app/profile/mk.gg
https://mk.gg
https://dev.to/ascorbic
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Matt Kane.


Astro 5 with Matt Kane

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes answer your burning questions! They cover everything from moving off create-react-app and the benefits of Next.js, to transitioning from junior to senior dev, working with QA teams, and even dive into game development with Godot.</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=00:31">00:31</a></strong> <a href= "https://denverscript.com/">DenverScript</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=03:14">03:14</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="7" data-line-end="10"> <strong><a href="#t=03:54">03:54</a></strong> Question 1: Moving off create-react-app. <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href= "https://github.com/tc39/proposal-import-attributes">Proposal: TC39 Import Attributes</a>.</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://www.w3schools.com/tags/att_iframe_srcdoc.asp">HTML iframe srcdoc Attribute</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=09:10">09:10</a></strong> Question 2: Working together with QA teams.</li> <li class="has-line-data" data-line-start="11" data-line-end="14"> <strong><a href="#t=13:46">13:46</a></strong> Question 3: Benefits of React with Next.js Framework. <ul> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://github.com/ghostdevv/svelte-turnstile">Svelte Turnstile</a>.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://nextjs.org/docs/pages">Next.js Pages Router</a> vs <a href="https://nextjs.org/docs/app">Next.js App Router</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=17:38">17:38</a></strong> Question 4: What are your real names?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=19:22">19:22</a></strong> Question 5: Thoughts on RTO and WFH.</li> <li class="has-line-data" data-line-start="16" data-line-end="19"> <strong><a href="#t=27:50">27:50</a></strong> Question 6: Where can I find you Sick Picks? <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://syntax.fm/sickpicks">Sick Picks</a>.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href= "https://github.com/syntaxfm/website/blob/main/src/routes/(site)/sickpicks/%2Bpage.server.ts"> Sick Picks Scraper</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=29:34">29:34</a></strong> Question 7: From JR developer to SR developer.</li> <li class="has-line-data" data-line-start="20" data-line-end="24"> <strong><a href="#t=31:41">31:41</a></strong> Question 8: Godot and game development. <ul> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://godotengine.org/">Godot Engine</a>.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href= "https://docs.godotengine.org/en/stable/tutorials/scripting/gdscript/gdscript_basics.html"> GDScript</a>.</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://www.phind.com/">Phind</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=39:37">39:37</a></strong> Question 9: Inherent advantage between Callbacks and Events.</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=44:44">44:44</a></strong> Question 10: Transitioning to freelance with corporate experience.</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=49:44">49:44</a></strong> Question 11: Dealing with negative feedback.</li> <li class="has-line-data" data-line-start="27" data-line-end="29"> <strong><a href="#t=57:05">57:05</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://github.com/advplyr/audiobookshelf">audiobookshelf</a>, <a href="https://plappa.me/">Plappa App</a>.</li> <li class="has-line-data" data-line-start="32" data-line-end="34"> Wes: <a href="https://sentry.shop/">New Syntax Swag</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"> Scott: <a href="https://youtube.com/@syntaxfm">Syntax on 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>

832: Potluck: When to Use a Framework × Goodbye Webpack × Custom Events in React + More!

Learning from other developers is an important ingredient to your success. During this episode, Joël Quenneville is joined by Stefanni Brasil, Senior Developer at Thoughtbot, and core maintainer of faker-ruby. To open our conversation, she shares the details of her experience at the Rails World conference in Toronto and the projects she enjoyed seeing most. Next, we explore the challenge of Mac versus Windows and how these programs interact with Ruby on Rails and dive into Stefanni’s involvement in Open Source for Thoughtbot and beyond; what she loves about it, and how she is working to educate others and expand the current limitations that people experience. This episode is also dedicated to the upcoming Open Source Summit that Stefanni is planning on 25 October 2024, what to expect, and how you can get involved. Thanks for listening!
Key Points From This Episode:
Introducing and catching up with Thoughtbot Senior Developer and maintainer of faker-ruby, Stefanni Brasil. 
Her experience at the Rails World conference in Toronto and the projects she found most inspiring. 
Why accessibility remains a key topic. 
How Ruby on Rails translates on Mac and Windows.
Stefanni’s involvement in Open Source and why she enjoys it.
Her experience as core maintainer at faker-ruby.
Ideas she is exploring around Jeremy Evans’ book Polished Ruby Programming and the direction of Faker.
Involvement in Thoughtbot’s Open Source and how it drew her in initially. 
The coaching series on Open Source that she participated in earlier this year. 
What motivated her to create a public Google doc on Open Source maintenance. 
An upcoming event: the Open Source Summit. 
The time commitment expected from attendees. 
How Stefanni intends to interact with guests and the talk that she will give at the event. 
Why everyone is welcome to engage at any level they are comfortable with. 
Links Mentioned in Today’s Episode:
Stefanni Brasil  (https://www.stefannibrasil.me/)
Stefanni Brasil on X (https://x.com/stefannibrasil)
Thoughtbot Open Summit (https://thoughtbot.com/events/open-summit)
Open Source Issues doc (https://docs.google.com/document/d/1zok6snap6T6f4Z1H7mP9JomNczAvPEEqCEnIg42dkU4/edit#heading=h.rq72izdz9oh6)
Open Source at Thoughtbot (https://thoughtbot.com/open-source)
Polished Ruby Programming (https://www.packtpub.com/en-us/product/polished-ruby-programming-9781801072724)
Faker Gem (https://github.com/faker-ruby/faker)
Rails World  (https://rubyonrails.org/world/)
The Bike Shed (https://bikeshed.thoughtbot.com/)
Joël Quenneville on LinkedIn (https://www.linkedin.com/in/joel-quenneville-96b18b58/) 


443: Rails World and Open Source with Stefanni Brasil

<p>In this episode of Front End Happy Hour, we sit down with Emre Baran, Co-founder and CEO of Cerbos, to dive deep into the world of startups, product-market fit, and scaling a tech company. With over 20 years of experience, Emre’s journey includes building Turkey’s largest social network, contributing to $1 billion in revenue at Google, and now tackling one of the most critical parts of the devops stack—authorization.</p>
<p><br /></p>
<p>Emre shares his insights on being a ‘Chief Everything Officer,’ balancing technical and business challenges, and the importance of a well-thought-out go-to-market strategy. Whether you’re an aspiring entrepreneur, a seasoned engineer, or looking to grow your startup, this conversation is packed with actionable advice and invaluable lessons on leadership, scaling, and staying agile.</p>
<p><br /></p>
<p>Tune in for an inside look at what it takes to build and grow a successful tech company in 2024.</p>


Scaling Startups and Navigating Product-Market Fit with Emre Baran

<p class="has-line-data" data-line-start="0" data-line-end="1">From CAPTCHAs to shadow banning, Scott and Wes break down the best strategies for keeping your app safe from spam and fraud. They cover tools like email verification, rate limiting, shadow banning, and more to protect your users and data.</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=00:15">00:15</a></strong> The problem.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=02:47">02:47</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=04:23">04:23</a></strong> CAPTCHA.</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=06:24">06:24</a></strong> Data collection.</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=07:11">07:11</a></strong> Stripe Radar score calculation.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=09:12">09:12</a></strong> Rate limiting.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=11:34">11:34</a></strong> Shadow banning.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=13:53">13:53</a></strong> Email verification.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=15:38">15:38</a></strong> Tie to accounts.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=16:23">16:23</a></strong> Tied to real identity.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=19:36">19:36</a></strong> Manual approval.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=21:19">21:19</a></strong> Blocking ASN.</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=23:17">23:17</a></strong> Honey pot field.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=24:28">24:28</a></strong> SMS verification.</li> <li class="has-line-data" data-line-start="19" data-line-end="21"> <strong><a href="#t=25:05">25:05</a></strong> Mechanical Turk.</li> </ul> <h3 class="code-line" data-line-start="21" data-line-end="22"> <a id="Hit_us_up_on_Socials_21"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="23" data-line-end="24"> 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="25" data-line-end="26"> 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="27" data-line-end="28"> 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="29" data-line-end="30"> 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>

831: Preventing Spam and Fraud

<h2>Show Description</h2><p>We're getting some feelings out about WordPress and Matt Mullenweg vs WP Engine drama, as well as the Web Components conversation that happened this past week.</p>
<p><a href='https://shoptalkshow.com/636/' style='background: #ca6533; color: black; padding: 8px 20px; text-decoration: none;'>Listen on Website &rarr;</a></p><h2>Links</h2><ul>
<li><a href="https://techcrunch.com/2024/10/02/wp-engine-sues-automattic-and-wordpress-co-founder-matt-mullenweg/">WP Engine sues WordPress co-creator Mullenweg and Automattic, alleging abuse of power | TechCrunch</a></li>
<li><a href="https://www.theverge.com/2024/10/2/24260158/automattic-demand-wp-engine-revenue-wordpress-battle">Automattic demanded a cut of WP Engine’s revenue before starting WordPress battle - The Verge</a></li>
<li><a href="https://wptavern.com/wp-engine-banned-from-using-wordpress-org-resources">WP Engine Banned from Using WordPress.org Resources – WP Tavern</a></li>
<li><a href="https://techcrunch.com/2024/10/04/wordpress-vs-wp-engine-drama-explained/">The WordPress vs. WP Engine drama, explained | TechCrunch</a></li>
<li><a href="https://www.theverge.com/2024/10/4/24262232/matt-mullenweg-wordpress-org-wp-engine">Matt Mullenweg: ‘WordPress.org just belongs to me’ - The Verge</a></li>
<li><a href="https://automattic.com/2024/10/01/wpe-terms/">WP Engine Term Sheet</a></li>
<li><a href="https://www.youtube.com/watch?v=OUJgahHjAKU">Theo and Matt Mullenweg</a></li>
<li><a href="https://www.youtube.com/watch?v=H6F0PgMcKWM">Matt Discusses WordPress</a></li>
<li><a href="https://www.youtube.com/watch?v=fnI-QcVSwMU">WCUS 2024 Q&amp;A</a></li>
<li><a href="https://wpdevelopment.courses/">Modern WordPress Learning</a></li>
<li><a href="https://wordpress.org/five-for-the-future/pledge/automattic/">Automattic | Five for the Future | WordPress.org</a></li>
<li><a href="https://ma.tt/2024/10/alignment/">Automattic Alignment</a></li>
<li><a href="https://wptavern.com/matt-mullenweg-identifies-godaddy-as-a-parasitic-company-and-an-existential-threat-to-wordpress-future">Matt Mullenweg Calls Out GoDaddy</a></li>
<li><a href="https://ma.tt/2024/09/charitable-contributions/">Matt Mullenweg Charitable Contributions</a></li>
<li><a href="https://ma.tt/2024/09/missing-spokespeople/">Lee Wittlinger Location</a></li>
<li><a href="https://pantheon.io/?campaignid=21577611782&adgroupid=164683968886&keyword=pantheon%20software&device=c&_bt=708725290230&_bm=e&_bn=g">WebOps Platform</a></li>
<li><a href="https://wpengine.com/ca/">WP Engine</a></li>
<li><a href="https://shoptalkshow.com/special-one-one-hacker/">Hacker Interview</a></li>
<li><a href="https://wordpress.com/">WordPress.com</a></li>
<li><a href="https://getflywheel.com/?">WordPress Hosting</a></li>
<li><a href="https://www.abeautifulsite.net/posts/web-components-are-not-the-future-they-re-the-present/">Web Components Present</a></li>
<li><a href="https://dev.to/ryansolid/web-components-are-not-the-future-48bh">Web Components Are Not the Future</a></li>
</ul><h2>Sponsors</h2>

636: W Hot Drama Week (WordPress, WP Engine, and Web Components – Oh My!)

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes talk with GitHub’s Sarah Vessels about the ins and outs of code reviews, their critical role in collaborative development, and tips for making your reviews more effective.</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="7"> <strong><a href="#t=00:59">00:59</a></strong> What is a code review? <ul> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href= "https://github.blog/developer-skills/github/how-to-review-code-effectively-a-github-staff-engineers-philosophy/"> How to review code effectively: A GitHub staff engineer’s philosophy</a></li> </ul> </li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=04:18">04:18</a></strong> Strategies for an effective code review processes</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=06:59">06:59</a></strong> Should you test and fix in the same pull request?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=07:57">07:57</a></strong> How to ask for code reviews</li> <li class="has-line-data" data-line-start="10" data-line-end="14"> <strong><a href="#t=12:12">12:12</a></strong> Feature flags and their role in code management <ul> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://github.com/flippercloud/flipper">flipper</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://github.com/github/scientist">scientist</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://github.com/fightmegg/scientist">scientist - JS</a></li> </ul> </li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=20:03">20:03</a></strong> Who should do code reviews?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=23:34">23:34</a></strong> Should you review your own code?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=25:04">25:04</a></strong> Brought to you by <a href="https://sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=25:29">25:29</a></strong> Code comments vs pull requests</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=27:35">27:35</a></strong> Dealing with egos in the code review process</li> <li class="has-line-data" data-line-start="19" data-line-end="21"> <strong><a href="#t=30:18">30:18</a></strong> What automations are essential? <ul> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href= "https://github.com/cheshire137/project-pull-mover">project-pull-mover</a></li> </ul> </li> <li class="has-line-data" data-line-start="21" data-line-end="23"> <strong><a href="#t=34:35">34:35</a></strong> Underutilized tools <ul> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href= "https://github.blog/developer-skills/github/github-protips-tips-tricks-hacks-and-secrets-from-sarah-vessels/"> GitHub Protips: Tips, tricks, hacks, and secrets from Sarah Vessels</a></li> </ul> </li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=36:25">36:25</a></strong> Commit strategies and squash</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=39:30">39:30</a></strong> GitHub’s branching system</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=41:14">41:14</a></strong> Git gone wrong</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=42:30">42:30</a></strong> What is the correct way to merge into main?</li> <li class="has-line-data" data-line-start="27" data-line-end="30"> <strong><a href="#t=43:47">43:47</a></strong> What was it like working on GitHub Sponsors? <ul> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://github.com/sponsors">GitHub Sponsors</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://thanks.dev/home">thanks.dev</a></li> </ul> </li> <li class="has-line-data" data-line-start="30" data-line-end="32"> <strong><a href="#t=46:58">46:58</a></strong> Sick Picks & Shameless Plugs</li> </ul> <h3 class="code-line" data-line-start="32" data-line-end="33"> <a id="Sick_Picks_32"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="34" data-line-end="36"> Sarah: <a href= "https://store.steampowered.com/steamdeck">https://store.steampowered.com/steamdeck</a></li> </ul> <h3 class="code-line" data-line-start="36" data-line-end="37"> <a id="Shameless_Plugs_36"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="38" data-line-end="40"> Sarah: <a href= "https://github.com/sponsors">https://github.com/sponsors</a></li> </ul> <h3 class="code-line" data-line-start="40" data-line-end="41"> <a id="Hit_us_up_on_Socials_40"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="42" data-line-end="43"> 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="44" data-line-end="45"> 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="46" data-line-end="47"> 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="48" data-line-end="49"> 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>

830: GitHub and Code Reviews with Sarah Vessels

<p>Learn to prioritize, and everything else falls into place. This is clarity through perspective and purpose.</p><h2>📮 Ask a Question</h2><p>If you enjoyed this episode and would like me to discuss a question that you have on the show, drop it over at: <a href="https://www.developertea.com/contact">developertea.com.</a></p><h2>📮 Join the <a href="https://developertea.com/discord">Discord</a></h2><p>If you want to be a part of a supportive community of engineers (non-engineers welcome!) working to improve their lives and careers, join us on the Developer Tea Discord community by visiting <a href="https://developertea.com/discord">https://developertea.com/discord</a> today!</p><h2>🧡 Leave a Review</h2><p>If you're enjoying the show and want to support the content head over to iTunes and <a href="https://ratethispodcast.com/devtea">leave a review</a>! It helps other developers discover the show and keep us focused on what matters to you.</p>


Prioritization is the Ultimate Skill

Rizél Scarlett, staff developer advocate at TBD Devs and Block explores the fascinating world of verifiable credentials, diving into their usage, security, and potential to revolutionize everyday processes.
Links
https://developer.tbd.website
jwt.io
https://x.com/blackgirlbytes
https://www.linkedin.com/in/rizel-bobb-semple
https://github.com/blackgirlbytes
https://cfe.dev/speakers/rizel-scarlett
https://blackgirlbytes.dev
https://dev.to/blackgirlbytes
Verifiable Credentials documentation: https://developer.tbd.website/docs/web5/verifiable-credentials/what-are-vcs
W3C standard for Verifiable Credentials: https://www.w3.org/TR/vc-data-model-2.0/
TBD's YouTube channel: https://www.youtube.com/@tbd.videos/streams
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Rizèl Scarlett.


 How I bought booze with a JSON web token with Rizèl Scarlett

Dan Abramov discusses how innovative platform BlueSky reimagines user data control and customization with its unique app protocol, and the potential it brings for the future of social media.
Links
https://atproto.com
https://bsky.app/profile/atproto.com
https://bsky.app/profile/danabra.mov
https://overreacted.io
https://danabra.mov
https://github.com/gaearon
https://justjavascript.com
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Dan Abramov.


Web without walls with Dan Abramov

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes share 14 game-changing tips they wish they’d known earlier in their web dev careers. From embracing tools to learning by doing, these insights will help you level up your skills faster!</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=02:09">02:09</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=03:45">03:45</a></strong> 13 Web Development Tips I Wish I Knew Sooner.</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=03:49">03:49</a></strong> Number 1 - No one is all-knowing.</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=05:39">05:39</a></strong> Number 2 - People with extremely strong opinions.</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=11:13">11:13</a></strong> Number 3 - Using tools to help you isn’t a bad thing.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=12:34">12:34</a></strong> Number 4 - Approach new technology with a mixed dose of skepticism and open-mindedness.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=16:05">16:05</a></strong> Number 5 - Things make more sense the more you actually use them.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=18:40">18:40</a></strong> Number 6 - Willingness to change your mind is a strong skill.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=20:06">20:06</a></strong> Number 7 - Doing is better than reading or watching.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=22:29">22:29</a></strong> Number 8 - Asking questions is good.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=26:45">26:45</a></strong> Number 9 - Everyone doesn’t learn the same.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=30:41">30:41</a></strong> Number 10 - You don’t need a SAAS for everything.</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=35:53">35:53</a></strong> Number 11 - You don’t need to worry about scale.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=37:49">37:49</a></strong> Number 12 - Learning the fundamentals will always pay off.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=40:07">40:07</a></strong> Number 13 - Working in public will make you more hireable.</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=42:48">42:48</a></strong> Number 14 - You can interview without accepting a job offer.</li> <li class="has-line-data" data-line-start="21" data-line-end="23"> <strong><a href="#t=45:29">45:29</a></strong> Sick Picks & Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="23" data-line-end="24"> <a id="Sick_Picks_23"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="25" data-line-end="26"> Scott: <a href="https://amzn.to/4esNa6W">Glasses</a>.</li> <li class="has-line-data" data-line-start="26" data-line-end="28"> Wes: <a href="https://amzn.to/3ZsRcIh">Oxo Whisk</a>, <a href= "https://amzn.to/3ziQpz7">Danish Whisk</a>.</li> </ul> <h3 class="code-line" data-line-start="28" data-line-end="29"> <a id="Shameless_Plugs_28"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="30" data-line-end="32"> Scott: <a href="https://youtube.com/@syntaxfm">Syntax on YouTube</a>.</li> </ul> <h3 class="code-line" data-line-start="32" data-line-end="33"> <a id="Hit_us_up_on_Socials_32"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="34" data-line-end="35"> 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="36" data-line-end="37"> 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="38" data-line-end="39"> 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="40" data-line-end="41"> 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>

829: 14 Web Development Tips I Wish I Knew Sooner

What is a program? Your answer to this question will determine the paradigm through which you view programming. During this episode, you’ll come to understand how things change once you develop an awareness of your paradigm, and what. To kick off this episode, Stephanie shares key insights she took from Planet Argon’s 2024 Ruby on Rails survey and dives deeper into her history with Ruby on Rails. Next, we dive into the definition of a paradigm and unpack three different paradigms you might hold as a developer: procedural, object-oriented, and functional. Considering how each of these impacts the way that you might approach your work as a developer, and what you can learn from the ones that are less familiar to you. Joël describes his scripting style and evaluates the concept of pure functions and their place in development, and we close by digging deeper into how your paradigm might impact the code that you write. Tune in to hear all this and more.
Key Points From This Episode:
The EPI feature that Joël has started to build out for his client.
Why Stephanie is excited about the results of Planet Argon’s 2024 Ruby on Rails community survey. 
What a procedural program is: programming envisions a program as a series of instructions to a computer.
Defining an object-oriented paradigm: programming envisions a program as the behavior that emerges from objects talking to each other.
How a functional paradigm envisions a program as a series of data transformations. 
Alan Turing and Alonzo Church’s approach to understanding this. 
How a lot of the foundations of computer science came to be built before we had computers. 
Using Ruby to make judgments and assessing whether or not this is a procedural habit.
Why Joël describes his scripting style as being very procedural. 
Unpacking the meaning of functional programming.
Evaluating the concept of pure functions. 
Considering how your paradigm may impact the Ruby code that you write.
Links Mentioned in Today’s Episode:
2024 Ruby on Rails Community Survey (https://railsdeveloper.com/survey/2024/)
Church-Turing Thesis (https://ocw.mit.edu/courses/24-242-logic-ii-spring-2004/489f7e42fb619645158d7c21a8fb83ad_chuh_trng_thesis.pdf)
Dynamic type systems are not inherently more open (https://lexi-lambda.github.io/blog/2020/01/19/no-dynamic-type-systems-are-not-inherently-more-open/)
What is Functional Programming? (http://blog.jenkster.com/2015/12/what-is-functional-programming.html)
Blocks as an abstraction vs for loops (https://thoughtbot.com/blog/special-cases)
Functional core imperative shell (https://www.destroyallsoftware.com/screencasts/catalog/functional-core-imperative-shell)
Testing objects with a functional mindset  (https://thoughtbot.com/blog/functional-viewpoints-on-testing-objectoriented-code)
The Bike Shed (https://bikeshed.thoughtbot.com/)
Joël Quenneville on LinkedIn (https://www.linkedin.com/in/joel-quenneville-96b18b58/)
Support The Bike Shed (https://github.com/sponsors/thoughtbot) 


442: Paradigms - What is a Program?

<p>We dive into Amazon’s recent decision to end its hybrid work policy and require employees to return to the office five days a week. We discuss the impact of this decision on both Amazon employees and the broader tech industry. Is this the beginning of the end for remote work, or will other companies continue to offer flexibility? Join Ryan, Jem, and Stacy as they share their thoughts on Amazon’s move, its implications for talent retention, company culture, and the future of work in tech.</p>
<p><br /></p>
<p>Panelists:</p>
<p>Ryan Burgess - @burgessdryan</p>
<p>Jem Young - @JemYoung</p>
<p>Stacy London - @stacylondoner</p>
<p><br /></p>
<p>Picks:</p>
<p>Ryan Burgess - The Perfect Couple https://www.netflix.com/title/81474158</p>
<p>Ryan Burgess - Tires https://www.netflix.com/title/81758875</p>
<p>Jem Young - Kaos https://www.netflix.com/title/80997258</p>
<p>Jem Young - Valley Silicon: AMG speaker https://luxuryofhomes.com/en-us/products/amg-performance-luxury-audio</p>
<p>Jem Young - https://open.spotify.com/album/2so1waMMbnpnxmycHyvw24?si=UWxetBE4RRi0D5WiExUt1g</p>
<p>Stacy London - In My Dreams by Four Tet &amp; Ellie Goulding https://soundcloud.com/four-tet/four-tet-ellie-goulding-in-my-dreams</p>
<p>Stacy London - Waited All Night by Jamie xx feat. Romy, Oliver Sim &amp; The xx https://jamiexx.bandcamp.com/track/waited-all-night</p>
<p><br /></p>
<p>Episode transcript: https://www.frontendhappyhour.com/episodes/amazon’s-office-mandate-the-end-of-remote-work</p>


Amazon’s Office Mandate: The End of Remote Work?

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes serve up the pros and cons of modern authentication methods like magic links, 2FA, and SMS codes. Learn how each technique works, the security trade-offs, and what might be the best approach for your apps.</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=00:11">00:11</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=00:34">00:34</a></strong> Logging in Verification.</li> <li class="has-line-data" data-line-start="7" data-line-end="11"> <strong><a href="#t=01:09">01:09</a></strong> Magic Links. <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=01:24">01:24</a></strong> Pros of magic links.</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=03:50">03:50</a></strong> How magic links work.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=04:25">04:25</a></strong> Cons to magic links.</li> </ul> </li> <li class="has-line-data" data-line-start="11" data-line-end="17"> <strong><a href="#t=06:21">06:21</a></strong> Magic Sessions. <ul> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=06:37">06:37</a></strong> Using email verification.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=07:12">07:12</a></strong> Using code verification.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=07:55">07:55</a></strong> Previously trusted device verification.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=08:14">08:14</a></strong> Classic email and verification process.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=09:54">09:54</a></strong> Email Code.</li> </ul> </li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=10:51">10:51</a></strong> Gmail verification options.</li> <li class="has-line-data" data-line-start="18" data-line-end="20"> <strong><a href="#t=12:01">12:01</a></strong> OAuth.</li> </ul> <h3 class="code-line" data-line-start="20" data-line-end="21"> <a id="Hit_us_up_on_Socials_20"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="22" data-line-end="23"> 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="24" data-line-end="25"> 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="26" data-line-end="27"> 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="28" data-line-end="29"> 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>

828: Logging in Verification: Magic Links, 2FA, SMS Codes

<h2>Show Description</h2><p>Jeff Robbins stops by to talk about his software, Visibox, that was used at Frostapalooza for presenting video at the concert, what it's like building an app with Electron, how it's distributed, how files are used and managed, and how he supports hardware devices inside Electron.</p>
<p><a href='https://shoptalkshow.com/635/' style='background: #ca6533; color: black; padding: 8px 20px; text-decoration: none;'>Listen on Website &rarr;</a></p><h2>Guests</h2><h3>Jeff Robbins</h3><p><a href='https://www.jjeff.com/'>Guest's Main URL</a> • <a href='https://x.com/jjeff'>Guest's Twitter</a></p><p><p>Creator of Visibox, Musician in 123Astronaut & Orbitband, Cofounder at Lullabot, Executive Coach at jjeff․com.</p>
</p><h2>Links</h2><ul>
<li><a href="https://www.shure.com/en-US/products/microphones/mv7?variant=MV7%252B-K">MV7+ - Podcast Microphone</a></li>
<li><a href="https://rode.com/en/microphones/usb/nt-usb">NT-USB Microphone</a></li>
<li><a href="https://x.com/jjeff">Jeff Robbins (@jjeff)</a></li>
<li><a href="https://www.jjeff.com/">Jeff Robbins</a></li>
<li><a href="https://frostapalooza.bradfrost.com/">FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024</a></li>
<li><a href="https://codepen.io/">CodePen: Online Code Editor and Front End Web Developer Community</a></li>
<li><a href="https://shoptalkshow.com/326-learning-web-design-jennifer-robbins/">Learning Web Design with Jennifer Robbins</a></li>
<li><a href="https://www.jjeff.com/blog/2021/6/24/announcing-visibox-an-instrument-for-video">Visibox Announcement</a></li>
<li><a href="https://x.com/Lullabot">Lullabot</a></li>
<li><a href="https://spaceage.tv/">Spaceage</a></li>
<li><a href="https://www.electronjs.org/">Cross-Platform App Development</a></li>
<li><a href="https://tauri.app/">Desktop Apps with Web Frontend</a></li>
</ul><h2>Sponsors</h2><h3><a href='https://srv.buysellads.com/ads/long/x/TCRXMJICTTTTTTTP3FFCKTTTTTTC5ENKKYTTTTTTP3PAK7ETTTTTTBZE2HUDVWLHVQLC6JI5FH2D6JSFZQYM5SIJPWAE'>Jam.dev</a></h3>One click bug reports devs love.

Find out more <a href="https://jam.dev/">at jam.dev</a>

635: Jeff Robbins and Visibox as an Instrument for Video

In this special episode of PodRocket introducing the Dev Starter Pack, Matt Arbesfeld, CEO of LogRocket, talks to Dani Grant (CEO of Jam.dev), Ricky Robinett (VP of Developer Relationships at CloudFlare), and Beyang Liu (CTO and co-founder of Sourcegraph), about this new alliance of essential development tools designed for next-generation developers building the future of technology. 
They talk about the benefits of the stack, insights into each tool provided by the guests, and the potential impact of AI on web development.
Links
https://blog.cloudflare.com/launchpad-cohort4-dev-starter-pack/
https://www.producthunt.com/posts/dev-starter-pack
https://logrocket.com/
https://jam.dev/docs/
https://substack.com/@thedanigrant
https://www.linkedin.com/in/danigrant/
https://x.com/thedanigrant
https://www.linkedin.com/in/beyang-liu/
https://x.com/beyang
https://sourcegraph.com/cody
https://www.linkedin.com/in/rickyrobinett/
https://x.com/rickyrobinett
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guests: Beyang Liu, Dani Grant, and Ricky Robinett.


Bonus: The Dev Starter Pack with Dani Grant, Beyang Liu, Ricky Robinett, and Matt Arbesfeld

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes talk with Topher Martini, a former Engineering Program Manager at Apple, about his extensive experience over two decades in the tech industry. Topher shares his journey at Apple, from starting as an intern in 2001 to working on groundbreaking products like iPhone, iPad, and Vision Pro.</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=00:40">00:40</a></strong> What it was like working on the first iPhone</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=04:47">04:47</a></strong> How Topher landed at Apple early in his career</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=08:40">08:40</a></strong> How Apple’s culture has changed over time</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=11:03">11:03</a></strong> What makes a great employee?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=16:37">16:37</a></strong> Tips for better communication</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=17:54">17:54</a></strong> Are meetings a good means of communication?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=20:05">20:05</a></strong> What makes a bad employee?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=22:21">22:21</a></strong> What does it take to get hired at a company like Apple?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=26:16">26:16</a></strong> Brought to you by <a href="https://sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=26:55">26:55</a></strong> The relationship between passion and career</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=29:08">29:08</a></strong> Topher’s advice for growing in your career</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=31:50">31:50</a></strong> What is a sabbatical?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=33:36">33:36</a></strong> Teaching tech to kids</li> <li class="has-line-data" data-line-start="18" data-line-end="20"> <strong><a href="#t=35:49">35:49</a></strong> Topher’s work on self-driving cars <ul> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://aurora.tech/">Aurora</a></li> </ul> </li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=39:33">39:33</a></strong> AI’s impact on tech and the future</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=41:22">41:22</a></strong> What can developers do to stand out and be relevant in a world of AI?</li> <li class="has-line-data" data-line-start="22" data-line-end="25"> <strong><a href="#t=43:30">43:30</a></strong> Topher’s thoughts on career development <ul> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href= "https://www.amazon.com/Small-Step-Change-Your-Life/dp/076118032X">One Small Step Can Change Your Life: The Kaizen Way</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://x.com/kiwicopple">Paul Copplestone</a></li> </ul> </li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=44:47">44:47</a></strong> What is a light field camera?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=46:47">46:47</a></strong> Spatial media and Vision Pro</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=48:10">48:10</a></strong> The nifty stuff in Topher’s background</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=49:53">49:53</a></strong> Something wild that happened while Topher was at Apple</li> <li class="has-line-data" data-line-start="29" data-line-end="31"> <strong><a href="#t=51:34">51:34</a></strong> Sick Picks & Shameless Plugs</li> </ul> <h3 class="code-line" data-line-start="31" data-line-end="32"> <a id="Sick_Picks_31"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="33" data-line-end="37"> Topher: <ul> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://us.store.bambulab.com/products/p1s">Bambu Lab P1S 3D Printer</a></li> <li class="has-line-data" data-line-start="35" data-line-end="37"> <a href="https://bento3d.design/">Bento 3D</a></li> </ul> </li> </ul> <h3 class="code-line" data-line-start="37" data-line-end="38"> <a id="Shameless_Plugs_37"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="39" data-line-end="41"> Topher: <a href="https://www.youtube.com/@tophermartini">Topher’s YouTube Channel</a></li> </ul> <h3 class="code-line" data-line-start="41" data-line-end="42"> <a id="Hit_us_up_on_Socials_41"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="43" data-line-end="44"> 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="45" data-line-end="46"> 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="47" data-line-end="48"> 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="49" data-line-end="50"> 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>

827: Career Development with Topher Martini

In this panel episode, our hosts dive into the latest tools and frameworks, AI integration, the performance bottlenecks of server-side rendering, and more. Tune in to hear hot takes and insights from our industry experts.
Links
https://x.com/trashhdev
https://x.com/pniedri
https://bsky.app/profile/noel.minc.how
https://x.com/emilykochanek
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) 


SSR performance, Remix and ChatGPT, and favorite new tools

Kent C. Dodds, web dev educator, discusses the evolution of web architectures, the potential of React Server Components, and the latest advancements in React 19, offering insights perfect for developers eager to stay ahead.
Links
https://kentcdodds.com
https://x.com/kentcdodds
https://github.com/kentcdodds
https://www.youtube.com/c/KentCDodds-vids
https://www.linkedin.com/in/kentcdodds
https://www.epicreact.dev
https://www.testingjavascript.com
https://www.epicweb.dev
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Kent C. Dodds.


The vanishing network with Kent C. Dodds

<p class="has-line-data" data-line-start="0" data-line-end="1">In part 2 of covering the best apps for web developers, Scott and Wes dive into must-have tools that will level up your workflow. From screenshot utilities to development tools and video production apps, this episode is packed with recommendations to boost your productivity and creativity.</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:44">01:44</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="16"> <strong><a href="#t=02:30">02:30</a></strong> Utilities. <ul> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=02:48">02:48</a></strong> <a href= "https://folivora.ai/">BetterTouchTool</a>.</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=09:31">09:31</a></strong> <a href= "https://hyperkey.app/">Hyperkey</a>.</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=11:46">11:46</a></strong> <a href= "https://github.com/ianyh/Amethyst">Amethyst</a>.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=12:51">12:51</a></strong> <a href= "https://tryklack.com/">Klack</a>.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=13:47">13:47</a></strong> <a href= "https://github.com/ClementTsang/bottom">Bottom (Btm)</a>.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=14:54">14:54</a></strong> <a href= "https://github.com/alienator88/Pearcleaner">Pearcleaner</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=16:40">16:40</a></strong> <a href= "https://freemacsoft.net/appcleaner/">App Cleaner</a>.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=17:35">17:35</a></strong> <a href= "https://matthewpalmer.net/rocket/">Rocket Emoji</a>.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=20:27">20:27</a></strong> <a href= "https://chromewebstore.google.com/detail/clippy-screen-recorder-pr/hkmfocnghbljmfapeakdfeajmakgjcjk?hl=en"> Clippy</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="16" data-line-end="24"> <strong><a href="#t=23:37">23:37</a></strong> Screenshots and Screen Recordings. <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=24:05">24:05</a></strong> <a href= "https://dropshare.app/">Dropshare</a>.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=25:29">25:29</a></strong> OBS with <a href= "https://obsproject.com/forum/resources/source-record.1285/">Source Record</a>.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=29:20">29:20</a></strong> <a href= "https://www.screen.studio/">Screen Studio</a>.</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=30:58">30:58</a></strong> <a href= "https://detail.co/">Detail.co</a>.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=31:22">31:22</a></strong> <a href= "https://github.com/CapSoftware/Cap">Cap</a>.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=32:08">32:08</a></strong> <a href= "https://getkap.co/">Kap</a>.</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=32:46">32:46</a></strong> <a href= "https://cleanshot.com/">CleanShot X</a></li> </ul> </li> <li class="has-line-data" data-line-start="24" data-line-end="29"> <strong><a href="#t=34:15">34:15</a></strong> Video and Production. <ul> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=34:24">34:24</a></strong> <a href= "https://www.blackmagicdesign.com/ca/products/davinciresolve">DaVinci Resolve</a>.</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=37:46">37:46</a></strong> <a href= "https://affinity.serif.com/en-us/">Affinity Pro</a>.</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=39:42">39:42</a></strong> <a href= "https://principleformac.com/">PrincipleForMac</a>.</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=40:39">40:39</a></strong> <a href= "https://inkscape.org/">Inkscape</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="29" data-line-end="38"> <strong><a href="#t=41:34">41:34</a></strong> Development tools. <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=41:38">41:38</a></strong> <a href= "https://dbngin.com/">DBngin</a>.</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <strong><a href="#t=43:12">43:12</a></strong> <a href= "https://docs.tableplus.com/utilities/dbngin">TablePlus</a>.</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <strong><a href="#t=45:48">45:48</a></strong> <a href= "https://www.mongodb.com/products/tools/compass">MongoDB Compass</a>.</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=46:14">46:14</a></strong> <a href= "https://proxyman.io/">Proxyman</a>.</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <strong><a href="#t=47:00">47:00</a></strong> <a href= "https://www.wireshark.org/">Wireshark</a>.</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <strong><a href="#t=47:31">47:31</a></strong> <a href= "https://polypane.app/">Polypane</a>.</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <strong><a href="#t=48:30">48:30</a></strong> <a href= "https://setapp.com/">Setapp</a>.</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <strong><a href="#t=49:44">49:44</a></strong> <a href= "https://chromewebstore.google.com/detail/svg-grabber/ejohfdpadoelnddkobgdaggfeokpfnfg?hl=en"> SVG Grabber</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="38" data-line-end="40"> <strong><a href="#t=51:42">51:42</a></strong> Sick Picks & Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="40" data-line-end="41"> <a id="Sick_Picks_40"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="42" data-line-end="43"> Scott: <a href="https://www.netflix.com/title/81757014">Untold Sign Stealer</a>.</li> <li class="has-line-data" data-line-start="43" data-line-end="45"> Wes: <a href= "https://www.amazon.com/MAGBLOCK-Magnetic-Magnets-Toys-Toddler-Toys-Magnetic-Building-Set-Magnet-Tiles-Building/dp/B09H2V467B/"> Magentiles Marble Run</a>.</li> </ul> <h3 class="code-line" data-line-start="45" data-line-end="46"> <a id="Shameless_Plugs_45"></a>Shameless Plugs</h3> <h3 class="code-line" data-line-start="47" data-line-end="48"> <a id="Hit_us_up_on_Socials_47"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="49" data-line-end="50"> 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="51" data-line-end="52"> 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="53" data-line-end="54"> 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="55" data-line-end="56"> 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>

826: You Need These 30 Apps - PART 2

For a long time, Programming Ruby was the authority in the developing world. Now, a much-needed update has been published. During this conversation, we are joined by Noel Rappin, who shares how his frustration at the idea of static type in Ruby motivated him to investigate why he felt this way, as he published his findings in The Pickaxe Book. We discuss how this book differs from previous material he has published, explore a recent blog post series that explored the idea of failing fast, and address the widespread opinion that developers should take a simpler approach that is more accessible. Noel also explores the responsibility of understanding how readers consume material and the importance of providing thorough context as an author, how Programming Ruby became the most significant programming reference, and the surprising journey that led Noel to realize he was able to provide an updated version of the theory in it. Next, we dive into some of the more opinionated blog posts Noel has posted and the harshest feedback he has received in response to them. You’ll also hear about his research and learning during the act of writing the book. Join us today to hear all this and more. 
Key Points From This Episode:
Noel Rappin’s recently published work, The Pickaxe Book, on current versions of Ruby.
The inception of the book during discussions about the collision of Sorbet and Ruby.
How his background made him comfortable with the idea that there are no static types. 
A recent blog post series and how it answered a question about failing fast.
Considering whether developers pursue simpler things that are more accessible to a wider range of coders. 
The problem of thoroughness and longevity in writing instructional material. 
Developing awareness of how readers consume and contextualize theory and opinion.
How Programming Ruby became the most significant programming reference. 
Noel’s updated version of this material in his latest book.
His blog posts on real-life applications of Ruby and the feedback he receives.
How he goes about framing blog posts as opinion or instruction. 
Determining what community consensus is. 
The bewilderment that often accompanies onboarding sessions. 
Research and learning leading up to writing and publishing the book. 
Feedback and reviews on the book. 
Links Mentioned in Today’s Episode:
Noel Rappin (https://noelrappin.com/)
Noel Rappin on X (https://x.com/noelrap)
Programming Ruby (https://pragprog.com/titles/ruby5/programming-ruby-3-3-5th-edition/) 
How Not to Use Static Typing in Ruby (https://noelrappin.com/blog/2024/09/how-not-to-use-static-typing-in-ruby/) 
David Copeland Talk (https://www.youtube.com/watch?v=unpJ9qRjdMw) 
Better Know a Ruby Thing (https://noelrappin.com/tags/better_know/) 
How To Manage Duplicate Test Setup, Or Can I Interest You in Weird RSpec? (https://noelrappin.com/blog/2023/12/how-to-manage-duplicate-test-setup-or-can-i-interest-you-in-weird-rspec/)  
Better Know a Ruby Thing: On The Use of Private Methods (https://noelrappin.com/blog/2024/06/better-know-access-control-part-2/)
Standardrb (https://github.com/standardrb/standard)
Rails Test Prescriptions (https://www.amazon.com/Rails-Test-Prescriptions-Pragmatic-Programmers/dp/1934356646)
Programming Ruby: A Pragmatic Programmer’s Guide (https://amazon.com/Programming-Ruby-Pragmatic-Programmers-Guide/dp/0201710897) 
The Bike Shed (https://bikeshed.thoughtbot.com/)
Joël Quenneville on LinkedIn (https://www.linkedin.com/in/joel-quenneville-96b18b58/)
Support The Bike Shed (https://github.com/sponsors/thoughtbot) 


441: The Pickaxe Book with Noel Rappin

<p>In this episode of Front End Happy Hour, Ryan Burgess sits down with Ken Wheeler for a no-holds-barred conversation about the tech industry’s evolution and what it really takes to succeed. From starting out as a butcher and telemarketer to making waves in Silicon Valley, Ken shares his unfiltered thoughts on everything from early career struggles to how today’s tech salaries can hit $700K. We dive into the future of AI, the front-end landscape, and the ever-changing world of web development. Whether you’re just starting out or already deep in the industry, this episode is packed with insights, laughs, and a whole lot of real talk.</p>
<p><br></p>
<p>Guests:</p>
<p>Ken Wheeler - @ken_wheeler</p>
<p><br></p>
<p>Panelists:</p>
<p>Ryan Burgess - @burgessdryan</p>
<p><br></p>
<p>Episode transcript: https://www.frontendhappyhour.com/episodes/ken-wheeler-unfiltered-sips-of-wisdom-interview</p>


Episode 211 - Ken Wheeler Unfiltered - Sips of Wisdom Interview

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott walks Wes through the new Syntax Production Assistant Desktop App, designed to streamline and automate their complex publishing process. From tech stack choices like Svelte5 and Rust to AI-driven features, they dive into how this tool keeps everything consistent.</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=00:44">00:44</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=01:37">01:37</a></strong> What was the idea?</li> <li class="has-line-data" data-line-start="7" data-line-end="9"> <strong><a href="#t=05:42">05:42</a></strong> The tech. <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href= "https://svelte.dev/blog/svelte-5-release-candidate">Svelte5</a>, <a href="https://tauri.app/">Tauri</a>, <a href= "https://www.rust-lang.org/">Rust</a>, <a href= "https://www.ffmpeg.org/">FFMPEG</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="9" data-line-end="11"> <strong><a href="#t=08:32">08:32</a></strong> Markdown editor. <ul> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://github.com/davidmyersdev/ink-mde">ink-mde</a>, <a href="https://dillinger.io/">Dillinger</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="11" data-line-end="13"> <strong><a href="#t=09:32">09:32</a></strong> Epoch timestamps. <ul> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://epoch.vercel.app/">Epoch.vercel</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=10:01">10:01</a></strong> Updating front-matter.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=10:10">10:10</a></strong> <a href= "https://dexie.org/">Dexie.js</a> function.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=11:25">11:25</a></strong> Backing up data.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=11:58">11:58</a></strong> Rust functions.</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=12:58">12:58</a></strong> Why a desktop app and not a website?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=14:38">14:38</a></strong> Some small AI features.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=16:26">16:26</a></strong> Challenges with <a href="https://oauth.net/2/">OAuth</a>.</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=20:03">20:03</a></strong> Publishing challenges.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=23:29">23:29</a></strong> Could this work on Windows?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=23:54">23:54</a></strong> Debugging.</li> <li class="has-line-data" data-line-start="23" data-line-end="25"> <strong><a href="#t=26:23">26:23</a></strong> Deciphering Apple logs.</li> </ul> <h3 class="code-line" data-line-start="25" data-line-end="26"> <a id="Hit_us_up_on_Socials_25"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="27" data-line-end="28"> 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="29" data-line-end="30"> 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="31" data-line-end="32"> 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="33" data-line-end="34"> 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>

825: Syntax Assistant Desktop App

<h2>Show Description</h2><p>Fabian Kägy helps us understand the modern WordPress development process, Gutenberg vs Block editor vs full site editing, building with blocks or pages, what's coming in the Twenty Twenty-Five Theme, and whether the theme authoring process has been made too difficult in 2024?</p>
<p><a href='https://shoptalkshow.com/634/' style='background: #ca6533; color: black; padding: 8px 20px; text-decoration: none;'>Listen on Website &rarr;</a></p><h2>Guests</h2><h3>Fabian Kägy</h3><p><a href='https://fabian-kaegy.com/'>Guest's Main URL</a> • <a href='https://mastodon.social/@fabiankaegy'>Guest's Twitter</a></p><p><p>Core Contributor and WordCamp Speaker. Director of Editorial Engineering at 10up.</p>
</p><h2>Links</h2><ul>
<li><a href="https://10up.com/">10up | finely crafted websites and tools</a></li>
<li><a href="https://fabian-kaegy.com/">Fabian Kägy - User Experience focused developer currently building great user experiences within the WordPress Block Editor as the Director of Editorial Engineering @10up.</a></li>
<li><a href="https://github.com/fabiankaegy">fabiankaegy (Fabian Kägy) on GitHub</a></li>
<li><a href="https://x.com/fabiankaegy">@fabiankaegy on Twitter / X</a></li>
<li><a href="https://profiles.wordpress.org/fabiankaegy/">Fabian Kägy (@fabiankaegy) – WordPress user profile | WordPress.org</a></li>
<li><a href="https://www.linkedin.com/in/fabian-k%C3%A4gy-b06666b2/?originalSubdomain=de">Fabian Kägy on LinkedIn</a></li>
<li><a href="https://www.advancedcustomfields.com/">ACF Plugin</a></li>
<li><a href="https://wordpress.org/plugins/create-block-theme/">Create Block Theme</a></li>
<li><a href="https://github.com/WordPress/twentytwentyfive?tab=readme-ov-file">WordPress/twentytwentyfive</a></li>
<li><a href="https://www.stjude.org/give/donate-to-childhood-cancer-and-research.html#:~:text=Become%20a%20monthly%20donor%20to,with%20the%20kids%20of%20St.">St. Jude Donation</a></li>
</ul><h2>Sponsors</h2><h3><a href='https://srv.buysellads.com/ads/long/x/TCRXMJICTTTTTTTV3FFCKTTTTTTCPENKKYTTTTTTP3PAK7ETTTTTTBZE2HUDVWLHVQLC6JI5FH2D6JSFZQYM5SIJPWAE 9/23 - https://srv.buysellads.com/ads/long/x/TCRXMJICTTTTTTTQ3FFCKTTTTTTCKENKKYTTTTTTP3PAK7ETTTTTTBZE2HUDVWLHVQLC6JI5FH2D6JSFZQYM5SIJPWAE 9/30 - https://srv.buysellads.com/ads/long/x/TCRXMJICTTTTTTTP3FFCKTTTTTTC5ENKKYTTTTTTP3PAK7ETTTTTTBZE2HUDVWLHVQLC6JI5FH2D6JSFZQYM5SIJPWAE'>Jam.dev</a></h3>One click bug reports devs love.

Find out more <a href="https://jam.dev/">at jam.dev</a>

634: Fabian Kägy on WordPress, Blocks, and Enterprise Dev

<p class="has-line-data" data-line-start="0" data-line-end="1">In this episode of Syntax, Wes and Scott talk with Taylor Otwell, the creator of Laravel. Taylor shares insights on his journey from creating Laravel in his free time to building a strong community and user base. He discusses Laravel’s growth, including the major features and tools that were developed over the years. Taylor also shares his outlook on the PHP ecosystem, productivity tips, and plans for Laravel Cloud, a new deployment platform for PHP and Laravel applications.</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=00:29">00:29</a></strong> <a href= "https://laracon.us/">Laracon</a></li> <li class="has-line-data" data-line-start="6" data-line-end="9"> <strong><a href="#t=03:13">03:13</a></strong> Laravel’s inspiration and features <ul> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://inertiajs.com/">Intertia</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://laravel-livewire.com/">Livewire</a></li> </ul> </li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=07:18">07:18</a></strong> Why don’t we have a “Laravel for JavaScript”?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=09:02">09:02</a></strong> What parts of Laravel came first?</li> <li class="has-line-data" data-line-start="11" data-line-end="14"> <strong><a href="#t=10:07">10:07</a></strong> The Laravel ecosystem <ul> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://forge.laravel.com/">Forge</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://vapor.laravel.com/">Vapor</a></li> </ul> </li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=12:29">12:29</a></strong> <a href= "https://cloud.laravel.com/">Laravel Cloud</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=14:00">14:00</a></strong> What parts of Laravel are Intertia and what parts are React?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=15:57">15:57</a></strong> How many people are using Laravel?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=16:59">16:59</a></strong> Taylor’s productivity and development philosophy</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=24:43">24:43</a></strong> Brought to you by <a href="https://sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=25:19">25:19</a></strong> What makes a beautiful API?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=29:33">29:33</a></strong> Taylor’s thoughts on typing PHP</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=30:41">30:41</a></strong> Features Taylor would like to see in PHP</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=33:03">33:03</a></strong> What people get wrong about modern PHP</li> <li class="has-line-data" data-line-start="23" data-line-end="27"> <strong><a href="#t=34:22">34:22</a></strong> PHP stacks and CMSs <ul> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://nginx.org/">Nginx</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://frankenphp.dev/">FrankenPHP</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://statamic.com/">Statamic</a></li> </ul> </li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=37:30">37:30</a></strong> Taylor’s thoughts on WordPress</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=38:14">38:14</a></strong> Lambo memes</li> <li class="has-line-data" data-line-start="29" data-line-end="32"> <strong><a href="#t=43:44">43:44</a></strong> Taylor’s coding setup <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://www.sublimetext.com/">Sublime Text</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://code.visualstudio.com/">Vs Code</a></li> </ul> </li> <li class="has-line-data" data-line-start="32" data-line-end="34"> <strong><a href="#t=45:36">45:36</a></strong> Sick Picks + Shameless Plugs</li> </ul> <h3 class="code-line" data-line-start="34" data-line-end="35"> <a id="Sick_Picks_34"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="36" data-line-end="40"> Taylor: <ul> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href= "https://store.steampowered.com/app/2198150/Tiny_Glade/">Tiny Glade</a></li> <li class="has-line-data" data-line-start="38" data-line-end="40"> <a href="https://www.nomanssky.com/">No Man’s Sky</a></li> </ul> </li> </ul> <h3 class="code-line" data-line-start="40" data-line-end="41"> <a id="Shameless_Plugs_40"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="42" data-line-end="44"> Taylor: <a href="https://cloud.laravel.com/">Laravel Cloud</a></li> </ul> <h3 class="code-line" data-line-start="44" data-line-end="45"> <a id="Hit_us_up_on_Socials_44"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="46" data-line-end="47"> 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="48" data-line-end="49"> 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="50" data-line-end="51"> 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="52" data-line-end="53"> 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>

824: Taylor Otwell's opinions on PHP, React, Laravel and Lamborghini Memes

Tanner Linsley, creator of TanStack and co-founder at Nozzle, dives into the evolution and philosophy behind TanStack, his work on TanRouter, and shares insights on the importance of type safety in routing within web development.
Links
https://x.com/tannerlinsley
https://tannerlinsley.com
https://www.youtube.com/tannerlinsley
https://github.com/tannerlinsley
https://www.linkedin.com/in/tannerlinsley
https://tanstack.com
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Tanner Linsley.


TanStack and TanRouter with Tanner Linsley

<p>Your career growth will be directly correlated to your ability to solve critical unsolved problems in the gaps of your organization's problems. Focus on finding the problems that have a high chance of success for you specifically - the low hanging fruit.</p><h2>📮 Ask a Question</h2><p>If you enjoyed this episode and would like me to discuss a question that you have on the show, drop it over at: <a href="https://www.developertea.com/contact">developertea.com.</a></p><h2>📮 Join the <a href="https://developertea.com/discord">Discord</a></h2><p>If you want to be a part of a supportive community of engineers (non-engineers welcome!) working to improve their lives and careers, join us on the Developer Tea Discord community by visiting <a href="https://developertea.com/discord">https://developertea.com/discord</a> today!</p><h2>🧡 Leave a Review</h2><p>If you're enjoying the show and want to support the content head over to iTunes and <a href="https://ratethispodcast.com/devtea">leave a review</a>! It helps other developers discover the show and keep us focused on what matters to you.</p>


Career Growth Comes From Finding Low Hanging Fruit in the Gaps

React and JavaScript expert Cory House discusses the creation of custom development tools for React applications, sharing insights from his recent talk at React Rally and exploring how the right tools can shape development workflows and enhance automated testing strategies.
Links
https://www.bitnative.com
https://github.com/coryhouse/ama
https://x.com/housecor
https://github.com/coryhouse
https://stackoverflow.com/users/26180/cory-house
https://www.linkedin.com/in/coryhouse
https://www.pluralsight.com/authors/cory-house
https://www.reactjsconsulting.com
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Cory House.


Custom DevTools for your React App with Cory House

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes serve up a discussion on AI coding assistants with a deep look at Cursor AI, exploring its unique features like multi-line auto-complete and Smart Rewrites. They also discuss why Cursor’s intuitive UI stands out and tackle the big question: is it worth the investment?</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:16">01:16</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=01:48">01:48</a></strong> Handling objections around AI assistants.</li> <li class="has-line-data" data-line-start="7" data-line-end="9"> <strong><a href="#t=02:55">02:55</a></strong> Context windows and how they’re improving functionality. <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://syntax.fm/728">Syntax.fm Episode 728 with Kevin Hou of Codeium</a></li> </ul> </li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=04:08">04:08</a></strong> Cursor’s UI.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=04:51">04:51</a></strong> This is cool, why is it not a plugin?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=08:12">08:12</a></strong> What makes the UI interesting.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=09:13">09:13</a></strong> <a href= "https://www.cursor.com/features">Smart Rewrites</a>.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=11:44">11:44</a></strong> It can create multiple files.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=13:05">13:05</a></strong> Using the chat interface.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=16:32">16:32</a></strong> Another chat example.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=20:22">20:22</a></strong> The main features of Cursor.</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=21:55">21:55</a></strong> <a href= "https://www.cursor.com/features">Multi-line auto-complete</a>.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=23:55">23:55</a></strong> Using docs for additional context.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=27:26">27:26</a></strong> AI is here to help you, not replace you.</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=33:27">33:27</a></strong> Is it worth it?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=33:55">33:55</a></strong> The <a href= "https://www.cursor.com/pricing">pricing</a>.</li> <li class="has-line-data" data-line-start="22" data-line-end="24"> <strong><a href="#t=44:10">44:10</a></strong> Sick Picks & Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="24" data-line-end="25"> <a id="Sick_Picks_24"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="26" data-line-end="27"> Scott: <a href="https://www.youtube.com/@Iron.Historian">The Iron Historian</a>, <a href="https://amzn.to/4dMLvtb">Scott’s Salt & Pepper Mills</a>.</li> <li class="has-line-data" data-line-start="27" data-line-end="29"> Wes: <a href= "https://www.costco.ca/oxo-softworks-salt-and-pepper-grinder-set.product.100791691.html"> Oxo Salt & Pepper Mills</a>.</li> </ul> <h3 class="code-line" data-line-start="29" data-line-end="30"> <a id="Shameless_Plugs_29"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="31" data-line-end="33"> Scott: <a href= "https://github.com/syntaxfm/syntax-zed-theme">Syntax.fm Zed Theme</a>.</li> </ul> <h3 class="code-line" data-line-start="33" data-line-end="34"> <a id="Hit_us_up_on_Socials_33"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="35" data-line-end="36"> 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="37" data-line-end="38"> 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="39" data-line-end="40"> 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="41" data-line-end="42"> 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>

823: Is Cursor AI the VS Code Killer?

When does it make sense to step away from Rails conventions? What are the limits of convention over configuration? While Rails conventions provide a solid foundation, there are times when customization is necessary to meet specific project needs. In this episode, Joël and Stephanie dive into the tradeoffs of breaking away from Rails defaults. They explore the limits of convention over configuration and share their experiences with customizing beyond the typical Rails setup. Joël offers insights from a recent project where the client opted for all dry-rb objects, and they unpack the benefits and potential challenges of this approach. Stephanie talks about why people tend to shy away from certain Ruby features and her lessons regarding leveraging callbacks for code development. Explore different testing frameworks, the situations when following Ruby defaults is better, the benefits of the ActiveModel ecosystem, and more! Whether you are a Rails purist or looking to bend the rules, this episode will help you understand the pros and cons of stepping outside the Ruby on Rails box. Don’t miss it!
Key Points From This Episode:
Joël shares details about a large-scale refactoring initiative he has been working on.
Stephanie’s recent legacy-code production problem and lessons from her experience.
What Joël would have done differently when building his refactoring initiative.
The problems of renaming background applications during code development.
Why the open-close principle is valuable for making class changes to a system.
Reasons that a migration strategy is vital for navigating new and legacy code.
Explore approaches for overcoming synchronization issues between systems.
Learn about the concept of connascence for coupling systems together.
Considerations for using asynchronous tools with a connascence approach.
Practical ways to maintain naming consistency during code development.
The importance of differentiating between web and business-logic layers.
Situations where relying on callbacks for connascence becomes problematic.
Other issues that callback problems can reveal during code development.
Joël unpacks the scenarios where he deviates from the Ruby on Rails standard.
Frameworks for testing code and final takeaways from Joël and Stephanie.
Links Mentioned in Today’s Episode:
'Refactoring Legacy Code with the Strangler Fig Pattern' (https://shopify.engineering/refactoring-legacy-code-strangler-fig-pattern)
Connascence of Name (CoN) (https://thoughtbot.com/blog/connascence-as-a-vocabulary-to-discuss-coupling#connascence-of-name-con)
ActiveModel docs (https://guides.rubyonrails.org/active_model_basics.html)
GitHub | activemodel (https://github.com/rails/rails/tree/main/activemodel)
'Vanilla Rails is plenty' (https://dev.37signals.com/vanilla-rails-is-plenty/)
GitHub | minitest (https://github.com/seattlerb/minitest)
GitHub | test-unit (https://github.com/test-unit/test-unit)
Episode 435: Cohesive Code with Jared Norman (https://bikeshed.thoughtbot.com/435)
Ruby on Rails The Bike Shed (https://rubyonrails.org)
Joël Quenneville on LinkedIn (https://www.linkedin.com/in/joel-quenneville-96b18b58/)
Support The Bike Shed (https://github.com/sponsors/thoughtbot) 


440: When we stray from Rails defaults

In this Sips of Wisdom episode of Front End Happy Hour, Ryan Burgess interviews Jason Torres, who made the bold leap from a 15-year career in the film industry to becoming a software developer. They discuss the surprising similarities between film and tech, the challenges of transitioning careers, and how Jason’s creative skills translated into the tech world. They also dive into how AI is reshaping the creative landscape and what it means for the future of both industries.

Guests:
Jason Torres - @TasonJorres

Panelists:
Ryan Burgess - @burgessdryan

Episode transcript: https://www.frontendhappyhour.com/episodes/film-to-tech-jason-torres-sips-of-wisdom-interview


Episode 210 - Film to Tech - Jason Torres Sips of Wisdom Interview

<p class="has-line-data" data-line-start="0" data-line-end="1">Wes unveils his Hack-Week project —a thermal printer controlled by JavaScript that prints out Sentry.io errors in real-time. Scott and Wes dive into the nitty-gritty of how it works, from the ESC/POS protocol to tackling socket issues, and whether the project was worth the effort.</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=00:38">00:38</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=01:10">01:10</a></strong> What is Hack Week?</li> <li class="has-line-data" data-line-start="7" data-line-end="9"> <strong><a href="#t=01:41">01:41</a></strong> The project. <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href= "https://twitter.com/wesbos/status/1827029875204489290">Follow the posts on X</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=02:40">02:40</a></strong> Why a receipt printer?</li> <li class="has-line-data" data-line-start="10" data-line-end="12"> <strong><a href="#t=03:55">03:55</a></strong> How do these printers work? <ul> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://github.com/escpos">ESC/POS</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=05:20">05:20</a></strong> Communicating with the printer.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=07:24">07:24</a></strong> ESC/POS Encoder.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://github.com/NielsLeenheer/EscPosEncoder">ESC/POS Encoder</a>.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=08:42">08:42</a></strong> Socket issues.</li> <li class="has-line-data" data-line-start="16" data-line-end="19"> <strong><a href="#t=09:56">09:56</a></strong> Using Transformers.js to stop ‘toxic comments’. <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://huggingface.co/Xenova/toxic-bert">Xenova’s toxic-bert</a>.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href= "https://github.com/wesbos/thermal-printer/blob/main/lib/sfw.ts">Implementation in Wes’ code</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=10:48">10:48</a></strong> Back to socket issues.</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=12:18">12:18</a></strong> Integrating with Sentry.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=15:01">15:01</a></strong> Printing images with Playwright.</li> <li class="has-line-data" data-line-start="22" data-line-end="24"> <strong><a href="#t=16:17">16:17</a></strong> Was it worth it?</li> </ul> <h3 class="code-line" data-line-start="24" data-line-end="25"> <a id="Hit_us_up_on_Socials_24"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="26" data-line-end="27"> 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="28" data-line-end="29"> 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="30" data-line-end="31"> 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="32" data-line-end="33"> 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>

822: Receipt Printer with JavaScript

<h2>Show Description</h2><p>Thomas Steiner from Project Fugu talks with us about AI in Chrome, the small large language model in use, how features like this are rolled out, the ethics and concerns around sending and sharing data, on device vs web APIs, and ideas for use cases and ways to explore AI on the web.</p>
<p><a href='https://shoptalkshow.com/633/' style='background: #ca6533; color: black; padding: 8px 20px; text-decoration: none;'>Listen on Website &rarr;</a></p><h2>Guests</h2><h3>Thomas Steiner</h3><p><a href='https://blog.tomayac.com/'>Guest's Main URL</a> • <a href='https://toot.cafe/@tomayac'>Guest's Twitter</a></p><p><p>Developer Relations Engineer at Google, focused on the Web and Project Fugu.</p>
</p><h2>Links</h2><ul>
<li><a href="https://www.chromium.org/teams/web-capabilities-fugu/">Web Capabilities (Project Fugu)</a></li>
<li><a href="https://chrome.dev/">Chrome.dev</a></li>
<li><a href="https://chrome.dev/web-ai-demos/prompt-api-playground/">Prompt API Playground</a></li>
<li><a href="https://chrome.dev/web-ai-demos/summarization-api-playground/">Summarization API Playground</a></li>
<li><a href="https://chrome.dev/web-ai-demos/translation-language-detection-api-playground/">Translation API</a></li>
<li><a href="https://chrome.dev/web-ai-demos/writer-rewriter-api-playground/">API Playground</a></li>
<li><a href="https://docs.google.com/forms/d/e/1FAIpQLSfZXeiwj9KO9jMctffHPym88ln12xNWCrVkMY_u06WfSTulQg/viewform?resourcekey=0-dE0Rqy_GYXDEWSnU7Z0iHg">Chrome AI Proposal</a></li>
<li><a href="https://developer.chrome.com/blog/august2024-built-in-ai?hl=en">Chrome AI Experiment</a></li>
<li><a href="https://www.apple.com/ca/apple-intelligence/">Intelligence Preview</a></li>
<li><a href="https://github.com/explainers-by-googlers/prompt-api/">Prompt API Proposal</a></li>
<li><a href="https://github.com/WICG/writing-assistance-apis/">Writing Assistance APIs Proposal</a></li>
<li><a href="https://github.com/WICG/translation-api">Web Translation Proposal</a></li>
<li><a href="https://wicg.io/">WICG</a></li>
<li><a href="https://github.com/webmachinelearning/meetings/issues/25#issue-2379701915">WebML TPAC 2024 Agenda</a></li>
<li><a href="https://www.w3.org/2024/09/TPAC/">TPAC 2024: Overview</a></li>
<li><a href="https://developer.chrome.com/docs/ai/cache-models#special_case_use_a_model_on_a_hard_disk">Cache AI Models</a></li>
</ul><h2>Sponsors</h2><h3><a href='https://srv.buysellads.com/ads/long/x/TCRXMJICTTTTTTTV3FFCKTTTTTTCPENKKYTTTTTTP3PAK7ETTTTTTBZE2HUDVWLHVQLC6JI5FH2D6JSFZQYM5SIJPWAE'>Jam.dev</a></h3>One click bug reports devs love.

Find out more <a href="https://jam.dev/">at jam.dev</a>

633: Thomas Steiner on AI in Chrome and the Web

<p class="has-line-data" data-line-start="0" data-line-end="1">In this episode of Syntax, Wes and Scott talk with Daniel Thompson-Yvetot about Tauri. They dive into what Tauri is, the motivations behind its development, its open-source ecosystem, use cases, and more.</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=02:01">02:01</a></strong> What is <a href= "https://tauri.app/">Tauri</a>?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=02:59">02:59</a></strong> What’s new in Tauri 2.0?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=06:41">06:41</a></strong> The benefits of Tauri over <a href="https://www.electronjs.org/">Electron</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=11:28">11:28</a></strong> Can you use <a href= "https://nodejs.org/">Node</a>?</li> <li class="has-line-data" data-line-start="9" data-line-end="12"> <strong><a href="#t=14:21">14:21</a></strong> Mac, Linux, and Windows <ul> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://github.com/versotile-org/verso">Verso</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://servo.org/">Servo</a></li> </ul> </li> <li class="has-line-data" data-line-start="12" data-line-end="14"> <strong><a href="#t=25:05">25:05</a></strong> How does Tauri make money? <ul> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://crabnebula.dev/">CrabNebula</a></li> </ul> </li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=30:05">30:05</a></strong> Brought to you by <a href="https://sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=30:30">30:30</a></strong> Accessing Swift from JavaScript</li> <li class="has-line-data" data-line-start="16" data-line-end="18"> <strong><a href="#t=31:44">31:44</a></strong> What’s the hardest part of a project like this? <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href= "https://github.com/crabnebula-dev/plugins-workspace/blob/feat/haptics/plugins/haptics/ios/Sources/HapticsPlugin.swift"> Haptics Plugin</a></li> </ul> </li> <li class="has-line-data" data-line-start="18" data-line-end="23"> <strong><a href="#t=37:00">37:00</a></strong> Some of the apps that have shipped with Tauri <ul> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://sourcegraph.com/cody">Cody</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://gitbutler.com/">GitButler</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://discord.com/invite/tauri">Tauri Discord</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://github.com/tauri-apps/awesome-tauri">Awesome Tauri</a></li> </ul> </li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=43:18">43:18</a></strong> The future of Tauri</li> <li class="has-line-data" data-line-start="24" data-line-end="26"> <strong><a href="#t=50:23">50:23</a></strong> Sick Picks & Shameless Plugs</li> </ul> <h3 class="code-line" data-line-start="26" data-line-end="27"> <a id="Links_26"></a>Links</h3> <ul> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="https://github.com/rust-lang/rustlings">Rustlings</a></li> <li class="has-line-data" data-line-start="28" data-line-end="30"> <a href="https://cassidoo.co/">Cassidy Williams</a></li> </ul> <h3 class="code-line" data-line-start="30" data-line-end="31"> <a id="Sick_Picks_30"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="32" data-line-end="34"> Daniel: <a href= "https://www.youtube.com/channel/UCG9lNhVqk9luFLxBKDzuO9g">5secondfilms</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"> Guest: <a href="https://denjell.com/">Manufacturing European Software (Coming Soon)</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>

821: Is Tauri the Electron Killer?

Ruben Casas discusses software migrations at scale, understanding different migration patterns, making critical decisions on whether a full rewrite is necessary, and more. This episode covers all the essentials you need to navigate your next big software transformation.
Links
https://www.linkedin.com/in/ruben-casas-17100383
github.com/infoxicator
https://www.infoxicator.com/
https://x.com/Infoxicador
https://www.youtube.com/c/RubenCasas
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) 


Software migrations at scale with Ruben Casas

Ryan Dahl, co-creator of Deno and creator of Node.js, discusses the evolution and future of Deno, covering its advantages, new features, and its potential impact on web development.
Links
https://tinyclouds.org
https://github.com/ry
https://x.com/rough__sea
https://www.linkedin.com/in/tinyclouds
https://github.com/littledivy/flappybird
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Ryan Dahl.


Deno 2 with Ryan Dahl

<p class="has-line-data" data-line-start="0" data-line-end="1">In this Potluck episode of Syntax, Scott and Wes answer your questions, from weighing the trade-offs between numerous small npm packages and a few larger ones to managing the challenges of work-from-home life. They also explore CSS modules, strategies for shrinking JavaScript bundles, and even where to find the best replacement ear cups for your headphones.</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=00:38">00:38</a></strong> <a href= "https://twitter.com/wesbos/status/1825910002290212891">Commentating basketball</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=01:16">01:16</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=02:09">02:09</a></strong> The video podcast doesn’t translate well to audio.</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=04:08">04:08</a></strong> Many small npm packages vs a few large.</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=09:55">09:55</a></strong> Developers dealing with WFH, ADHD, and kids.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=15:59">15:59</a></strong> CSS modules for scoping styles to components.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=20:55">20:55</a></strong> Scoped CSS in React?</li> <li class="has-line-data" data-line-start="12" data-line-end="15"> <strong><a href="#t=23:21">23:21</a></strong> Reducing JS bundle sizes. <ul> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://bundlephobia.com/">Bundle Phobia</a>.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href= "https://docs.codecov.com/docs/javascript-bundle-analysis">Javascript Bundle Analysis [Beta]</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=29:44">29:44</a></strong> Balancing learning, doing, and teaching.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=33:04">33:04</a></strong> Making maps local first.</li> <li class="has-line-data" data-line-start="17" data-line-end="19"> <strong><a href="#t=36:20">36:20</a></strong> How to pronounce ‘schema’. <ul> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://twitter.com/wesbos/status/1828450505414115425">Wes Bos Tweet</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=37:09">37:09</a></strong> <a href= "https://www.w3schools.com/tags/tag_time.asp">HTML <time> tag</a>.</li> <li class="has-line-data" data-line-start="20" data-line-end="23"> <strong><a href="#t=40:11">40:11</a></strong> Where to get replacement ear cups for headphones? <ul> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://wickedcushions.com/">wickedcussions</a>.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://www.audeze.com/products/lcd-1">Scott’s Audeze Headphones</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=42:21">42:21</a></strong> <a href= "https://eslint.org/">ESLint</a> and hiding errors.</li> <li class="has-line-data" data-line-start="24" data-line-end="26"> <strong><a href="#t=48:48">48:48</a></strong> Sick Picks & Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="26" data-line-end="27"> <a id="Sick_Picks_26"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="28" data-line-end="29"> Scott: <a href="https://amzn.to/4fZqcGd">Allen Wrench Set</a>.</li> <li class="has-line-data" data-line-start="29" data-line-end="31"> Wes: <a href= "https://www.primevideo.com/detail/Clarksons-Farm/0SHGKA0J8D4G01ZGD647627NEJ"> Clarkson’s Farm – Amazon Prime</a>.</li> </ul> <h3 class="code-line" data-line-start="31" data-line-end="32"> <a id="Shameless_Plugs_31"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="33" data-line-end="35"> Wes: <a href="https://syntax.fm">Syntax.fm</a>, <a href= "https://youtube.com/@syntaxfm">YouTube</a></li> </ul> <h3 class="code-line" data-line-start="35" data-line-end="36"> <a id="Hit_us_up_on_Socials_35"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="37" data-line-end="38"> 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="39" data-line-end="40"> 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="41" data-line-end="42"> 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="43" data-line-end="44"> 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>

820: Potluck: 8000 ESLint Errors × HTML Time Tag × 7 Meg React Bundle × CSS Modules

How can asynchronous programming transform your Ruby on Rails applications? Today, Stephanie sits down with Hello Weather co-creator Trevor Turk to unpack asynchronous programming in Ruby on Rails. Trevor Turk is a seasoned software developer known for his work on Hello Weather, a minimalist weather app that delivers essential weather data quickly and precisely. He’s also the creator of Weather Machine, an advanced weather data platform designed to serve reliable and highly accurate forecasts via API. With a background that includes work at innovative tech companies, Trevor brings years of experience in developing intuitive, user-friendly digital tools. Trevor talks about the focus of his API work, the complexity of web-based apps, and what makes Hello Weather unique. He explains the fundamentals of asynchronous programming within the Ruby on Rails framework and why it is an approach all programmers should consider. Explore the nuances of programming for different data sources, how he leverages fibers and threads for the Hello Weather platform, and why asynchronous programming is not a silver bullet for application development. Discover how to start using asynchronous methods, the various asynchronous tools available in Ruby, and why experimenting with concurrent programming is essential. Join us to gain insights into why including asynchronous tools is vital for the Ruby on Rails ecosystem, improving platforms through open-source development, how to help improve the adoption of asynchronous tools in Ruby, and more. Tune in now!
Key Points From This Episode:
Introduction to Turk and his background in Ruby on Rails.
Details about his companies Hello Weather and Weather Machine.
The innovative features that the Hello Weather platform offers. 
Hear how Hello Weather transitioned from a web-based to an application.
Why he needed to alter his programming approach to scale the company.
How he came across the concept of asynchronous programming.
Discover how using fibers is different from using threads in Ruby.
Find out about the different use cases of asynchronous programming.
Learn about the benefits of implementing concurrent programming.
Trevor shares the challenges of working with different versions of Ruby.
His role in enhancing asynchronous methods within the Ruby framework.
Common misconceptions of working with Ruby on Rails.
Final takeaways for those interested in asynchronous programming.
Links Mentioned in Today’s Episode:
Trevor Turk on LinkedIn (https://www.linkedin.com/in/trevorturk/)
Trevor Turk on X (https://x.com/trevorturk)
Trevor Turk on Threads (https://www.threads.net/@trevorturk)
Hello Weather (https://helloweather.com/)
Weather Machine (https://weathermachine.io)
GitHub | async gem (https://github.com/socketry/async)
GitHub | falcon gem (https://github.com/socketry/falcon)
'Async Ruby on Rails' (https://thoughtbot.com/blog/async-ruby-on-rails)
load_async (https://api.rubyonrails.org/classes/ActiveRecord/Relation.html#method-i-load_async)
Episode 437: Contributing to Open Source in the Midst of Daily Work with Steve Polito (https://bikeshed.thoughtbot.com/437)
GitHub | Action Cable server adapter (https://github.com/rails/rails/pull/50979)
ActiveRecord connection checkout caching (https://github.com/rails/rails/pull/50793)
Ruby on Rails The Bike Shed (https://rubyonrails.org/)
The Bike Shed (https://bikeshed.thoughtbot.com/)
Joël Quenneville on LinkedIn (https://www.linkedin.com/in/joel-quenneville-96b18b58/)
Support The Bike Shed (https://github.com/sponsors/thoughtbot) 


439: Async Ruby & Rails with Trevor Turk

In this episode of the Front End Happy Hour podcast, we’re diving deep into the realities of getting promoted in the tech industry. It’s not just about writing great code or being the smartest person in the room. Jem Young, Augustus Yuan, and Ryan Burgess break down the misconceptions around promotions, the skills that actually matter, and why navigating the process can sometimes feel more political than technical. Whether you’re aiming for a promotion or just curious about how it all works behind the scenes, this episode offers candid advice and strategies for advancing your career. Plus, we discuss what to do if your manager isn’t advocating for you, and the right (and wrong) ways to pursue your next big step. Tune in to hear the honest truth about climbing the tech ladder!

Panelists:
Ryan Burgess - @burgessdryan
Jem Young - @JemYoung
Augustus Yuan - @augburto

Picks:
Ryan Burgess - Presumed Innocent https://tv.apple.com/us/show/presumed-innocent
Ryan Burgess - ChatGPT for Mac https://apps.apple.com/us/app/ai-chat-ask-chatbot-assistant/id6447419372
Jem Young - The best mouse jiggler methods https://www.tomshardware.com/how-to/best-mouse-jiggler-methods
Jem Young - Atlas https://www.netflix.com/title/81012048
Augustus Yuan - Ikeryou https://ikeryou.jp/
Augustus Yuan - pwnisher https://www.youtube.com/@pwnisher

Episode transcript: https://www.frontendhappyhour.com/episodes/how-promotions-really-work-in-tech


Episode 209 - How promotions really work in tech

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes serve up a hasty discussion on side projects, sharing their latest Hack Week experiments and tips on how to turn fun ideas into profitable ventures. They cover everything from finding inspiration to choosing the right tech, and even offer advice on how to finish what you start.</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:11">01:11</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=01:27">01:27</a></strong> Wes’ Hack Week project.</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=02:30">02:30</a></strong> Scott’s Hack Week project.</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=04:18">04:18</a></strong> Where do you get ideas for side projects?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=09:22">09:22</a></strong> End goals for a side project.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=14:47">14:47</a></strong> Other end goals.</li> <li class="has-line-data" data-line-start="11" data-line-end="13"> <strong><a href="#t=16:45">16:45</a></strong> What tech should you use? <ul> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://github.com/stolinski/drop-in">drop-in</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=20:34">20:34</a></strong> Keeping notes.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=23:14">23:14</a></strong> Finishing side projects.</li> <li class="has-line-data" data-line-start="15" data-line-end="17"> <strong><a href="#t=26:39">26:39</a></strong> Shameless Plugisode!</li> </ul> <h3 class="code-line" data-line-start="17" data-line-end="18"> <a id="Hit_us_up_on_Socials_17"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="19" data-line-end="20"> 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="21" data-line-end="22"> 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="23" data-line-end="24"> 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="25" data-line-end="26"> 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>

819: Fun & Profitable Side Projects for Developers

<h2>Show Description</h2><p>Adam Coster talks with us about working with his family in game development, how they get started making games, what all is involved with publishing games, deciding to go Steam and Netflix only for Crashlands 2, how web tech is involved in game development, and the fun of testing and doing Q&amp;A for games.</p>
<p><a href='https://shoptalkshow.com/632/' style='background: #ca6533; color: black; padding: 8px 20px; text-decoration: none;'>Listen on Website &rarr;</a></p><h2>Guests</h2><h3>Adam Coster</h3><p><a href='https://www.bscotch.net/about/'>Guest's Main URL</a> • <a href='https://x.com/costerad'>Guest's Twitter</a></p><p><p>CEO & Webtech at Butterscotch Shenanigans</p>
</p><h2>Links</h2><ul>
<li><a href="https://www.bscotch.net/">Butterscotch Shenanigans</a></li>
<li><a href="https://www.bscotch.net/about">About | Butterscotch Shenanigans</a></li>
<li><a href="https://www.bscotch.net/podcast/483">Coffee with Butterscotch</a></li>
<li><a href="https://github.com/adam-coster">adam-coster (Adam Coster)</a></li>
<li><a href="https://x.com/costerad">Adam Coster @costerad on Twitter</a></li>
<li><a href="https://store.steampowered.com/app/1401730/Crashlands_2/">Crashlands 2 on Steam</a></li>
</ul><h2>Sponsors</h2>

632: Adam Coster on Game Development and Crashlands 2

<p class="has-line-data" data-line-start="0" data-line-end="1">In this episode of Syntax, Wes and Scott talk with CJ Reynolds about the resurgence of meetups in a post-COVID world. They discuss the benefits of attending and speaking at meetups, and the logistics of organizing them. CJ also shares his experiences running the DenverScript meetup, including sourcing speakers, finding venues, and ensuring a welcoming community.</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:35">01:35</a></strong> Brought to you by <a href="https://sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="6" data-line-end="9"> <strong><a href="#t=01:49">01:49</a></strong> CJ’s history hosting meetups <ul> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://denverscript.com/">DenverScript</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://www.code-talent.com/">Code Talent</a></li> </ul> </li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=06:35">06:35</a></strong> How do you structure a meetup?</li> <li class="has-line-data" data-line-start="10" data-line-end="13"> <strong><a href="#t=09:50">09:50</a></strong> How do you raise awareness for a meetup and get people to attend? <ul> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://meetup.com">Meetup.com</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://guild.host/">Guild</a></li> </ul> </li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=13:27">13:27</a></strong> How to pay for a meetup</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=15:22">15:22</a></strong> How to get speakers at meetups</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=16:50">16:50</a></strong> The length of these talks</li> <li class="has-line-data" data-line-start="16" data-line-end="18"> <strong><a href="#t=17:03">17:03</a></strong> Does live-streaming hurt attendance? <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href= "https://syntax.fm/show/806/the-king-of-drag-and-drop-alex-reardon"> Syntax 806 - The King of Drag and Drop: Alex Reardon</a></li> </ul> </li> <li class="has-line-data" data-line-start="18" data-line-end="20"> <strong><a href="#t=19:32">19:32</a></strong> Is there a vetting process for finding speakers? <ul> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href= "https://syntax.fm/show/19/how-to-get-into-speaking-at-conferences"> Syntax 019 - How to Get Into Speaking at Conferences</a></li> </ul> </li> <li class="has-line-data" data-line-start="20" data-line-end="22"> <strong><a href="#t=24:26">24:26</a></strong> A meetup doesn’t have to be talks <ul> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://www.meetup.com/develop-happy-hour/">Develop Happy Hour</a></li> </ul> </li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=27:48">27:48</a></strong> What’s the worst part about hosting a meetup?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=29:37">29:37</a></strong> What was your first meetup like?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=33:27">33:27</a></strong> What’s the best meetup you’ve been to and why?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=37:10">37:10</a></strong> How to be a good attendee</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=40:45">40:45</a></strong> Are meetups back?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=44:00">44:00</a></strong> Tips for organizing a great meetup</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=45:29">45:29</a></strong> How to find a meetup</li> <li class="has-line-data" data-line-start="29" data-line-end="31"> <strong><a href="#t=47:37">47:37</a></strong> Sick Picks & Shameless Plugs</li> </ul> <h3 class="code-line" data-line-start="31" data-line-end="32"> <a id="Sick_Picks_31"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="33" data-line-end="35"> CJ: <a href= "https://www.fillos.com/pages/walking-tamales?srsltid=AfmBOopCEmXcB7Xp253yDJ7AOzE697ElhaB4HkigLdcXiXFdC9ITu-QB"> Fillo’s Walking Tamales</a></li> </ul> <h3 class="code-line" data-line-start="35" data-line-end="36"> <a id="Shameless_Plugs_35"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="37" data-line-end="41"> CJ: <ul> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://denverscript.com/">DenverScript</a></li> <li class="has-line-data" data-line-start="39" data-line-end="41"> <a href="https://youtu.be/sYZW8TK2IV4?si=zOYGQdH9NVXuboRb">You Should Use Hono in your Next Project</a></li> </ul> </li> </ul> <h3 class="code-line" data-line-start="41" data-line-end="42"> <a id="Hit_us_up_on_Socials_41"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="43" data-line-end="44"> 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="45" data-line-end="46"> 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="47" data-line-end="48"> 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="49" data-line-end="50"> 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>

818: CJ × Hosting Meetups - Lunch and Learn

Shruti Kapoor, lead member of Technical Staff at Slack, explores the new features and updates in React 19. From enhanced form handling to the introduction of React Actions and the React Compiler, this episode provides valuable insights for developers eager to leverage the latest advancements in React.
Links
https://www.linkedin.com/in/shrutikapoor08
https://shrutikapoor.dev
https://x.com/shrutikapoor08
https://www.youtube.com/@shrutikapoor08
bit.ly/shruti-newsletter
bit.ly/shruti-discord
https://github.com/shrutikapoor08
https://github.com/reactwg/react-compiler
https://bit.ly/shruti-discord
https://www.youtube.com/watch?v=ExZUdkfu-KE&t=810s
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Shruti Kapoor.


React 19 with Shruti Kapoor

<p>In this episode we discuss the delineation between culture and values. What you allow is just as important as what you value.</p><h2>🙏 Today's Episode is Brought To you by: <a href="https://getunblocked.com">Unblocked</a></h2><p>Your developers know how to write code. What they’re missing is the context to know what code to write. Unblocked gives engineering teams the answers they need to get their jobs done – without having to wait on or interrupt their teammates. Get started for free at <a href="https://getunblocked.com/">getunblocked.com</a>.</p><h2>📮 Ask a Question</h2><p>If you enjoyed this episode and would like me to discuss a question that you have on the show, drop it over at: <a href="https://www.developertea.com/contact">developertea.com.</a></p><h2>📮 Join the <a href="https://developertea.com/discord">Discord</a></h2><p>If you want to be a part of a supportive community of engineers (non-engineers welcome!) working to improve their lives and careers, join us on the Developer Tea Discord community by visiting <a href="https://developertea.com/discord">https://developertea.com/discord</a> today!</p><h2>🧡 Leave a Review</h2><p>If you're enjoying the show and want to support the content head over to iTunes and <a href="https://ratethispodcast.com/devtea">leave a review</a>! It helps other developers discover the show and keep us focused on what matters to you.</p>


How Culture Might Eat Your Values For Breakfast

Ivan Akulov, Senior Performance Engineer at Framer, discusses optimizing React performance and major advancements in React, including hooks, concurrency, and the crucial invisible performance enhancements that make modern web applications smoother and faster.
Links
https://iamakulov.com
https://x.com/iamakulov
https://github.com/iamakulov
https://www.linkedin.com/in/iamakulov
https://3perf.com
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest:  Ivan Akulov.


The invisible hand of React performance with Ivan Akulov

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes kick off part 1 of a 2-part series, breaking down 30 must-have apps for web developers and productivity enthusiasts. From file management tools to media utilities, they cover everything you need to supercharge your workflow.</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:03">01:03</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="14"> <strong><a href="#t=01:27">01:27</a></strong> File management applications. <ul> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=01:43">01:43</a></strong> <a href= "https://daisydiskapp.com/">DaisyDisk</a>.</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=04:19">04:19</a></strong> <a href= "https://marta.sh/">Marta</a>.</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=07:50">07:50</a></strong> <a href= "https://easyfind.en.softonic.com/mac">EasyFind</a>.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=10:16">10:16</a></strong> <a href= "https://github.com/qarmin/czkawka">Czkawka</a>.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=12:53">12:53</a></strong> <a href= "https://www.backblaze.com/">Backblaze</a>.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=14:40">14:40</a></strong> <a href= "https://www.noodlesoft.com/">Hazel</a>.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=17:42">17:42</a></strong> <a href= "https://www.pixeleyes.co.nz/automounter/">AutoMounter</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="14" data-line-end="26"> <strong><a href="#t=18:43">18:43</a></strong> Media applications. <ul> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=18:52">18:52</a></strong> Automator HIEC to JPG.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=20:04">20:04</a></strong> Rant on QuickView.</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=20:32">20:32</a></strong> DVD idea.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=22:06">22:06</a></strong> <a href= "https://iina.io/">IINA</a>.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=24:07">24:07</a></strong> <a href= "https://www.captureone.com/en">Capture One</a>.</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=25:02">25:02</a></strong> <a href= "https://chromewebstore.google.com/detail/enhancer-for-youtube/ponfpcnoihfmfllpaingbgckeeldkhle?pli=1"> YouTube Enhance</a>.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=27:16">27:16</a></strong> <a href= "https://handbrake.fr/">HandBrake</a>.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=28:05">28:05</a></strong> <a href= "https://www.makemkv.com/">MakeMKV</a>.</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=30:33">30:33</a></strong> <a href= "https://github.com/KrauseFx/overkill-for-mac">Overkill for Mac</a>.</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=33:42">33:42</a></strong> <a href= "https://chromewebstore.google.com/detail/search-by-image/cnojnbdhbhnkbcieeekonklommdnndci"> Search by Image</a>.</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=37:09">37:09</a></strong> <a href= "https://eqmac.app/">eqMac</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="26" data-line-end="28"> <strong><a href="#t=37:37">37:37</a></strong> Utility applications. <ul> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=37:52">37:52</a></strong> <a href= "https://github.com/exelban/stats?tab=readme-ov-file">Stats</a> & <a href= "https://istat-menus.en.softonic.com/mac?ex=RAMP-2081.0">iStat</a> Menu.</li> </ul> </li> <li class="has-line-data" data-line-start="28" data-line-end="34"> <strong><a href="#t=40:19">40:19</a></strong> Alternatives to popular Mac applications. <ul> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=40:23">40:23</a></strong> <a href= "https://github.com/jordanbaird/Ice">Ice</a>.</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=41:03">41:03</a></strong> <a href= "https://github.com/alienator88/Pearcleaner">PearCleaner</a>.</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <strong><a href="#t=43:08">43:08</a></strong> <a href= "https://numi.app/">Numi</a>.</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <strong><a href="#t=44:17">44:17</a></strong> <a href= "https://github.com/ClementTsang/bottom">Bottom (btm)</a>.</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=44:53">44:53</a></strong> <a href= "https://sipapp.io/">Sip Color Picker</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="34" data-line-end="36"> <strong><a href="#t=50:25">50:25</a></strong> Sick Picks & Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="36" data-line-end="37"> <a id="Sick_Picks_36"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="38" data-line-end="39"> Scott: <a href="https://www.wildebrands.com/">Wilde Chips</a></li> <li class="has-line-data" data-line-start="39" data-line-end="41"> Wes: <a href= "https://tv.apple.com/ca/show/the-big-conn/umc.cmc.5nidhx69sm3a7gtv2a4k0l0lw?mttn3pid=Google%20AdWords&mttnagencyid=a5e&mttncc=CA&mttnsiteid=143238&mttnsubad=OCA2019953_1-660636129081-c&mttnsubkw=149066215919__YpqZmbhQ_&mttnsubplmnt=_adext_"> Apple TV+: The Big Conn</a></li> </ul> <h3 class="code-line" data-line-start="41" data-line-end="42"> <a id="Shameless_Plugs_41"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="43" data-line-end="45"> Scott: <a href="https://www.youtube.com/@syntaxfm">Syntax on YouTube</a></li> </ul> <h3 class="code-line" data-line-start="45" data-line-end="46"> <a id="Hit_us_up_on_Socials_45"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="47" data-line-end="48"> 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="49" data-line-end="50"> 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="51" data-line-end="52"> 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="53" data-line-end="54"> 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>

817: You Need These 30 Apps - PART 1

Writing abstractions in tests can be surprisingly similar to storytelling. The most masterful stories are those where the author has stripped away all of the extra information, and given you just enough knowledge to be immersed and aware of what is going on. But striking that balance can be tricky, both in storytelling and abstractions in tests. Too much information and you risk overwhelming the reader. Too little and they won’t understand why things are operating the way they are. Today, Stephanie and Joël get into some of the more controversial practices around testing, why people use them, and how to strike the right balance with your information. They discuss the most common motivations for introducing abstractions, from improved readability to simplifying the test’s purpose and the types of tests where they are most likely to introduce abstractions. Our hosts also reflect on how they feel about different abstractions in tests – like custom matchers and shared examples – outlining when they reach for them, and the tradeoffs and benefits that come with each. To learn more about how to find the perfect level of abstraction, be sure to tune in!
Key Points From This Episode:
What’s new in Joël’s world; mocking out screens for processes or a new bit of UI.
The new tool Stephanie’s using for reading on the web: Reader by Readwise.
Today’s topic: controversial practices around testing.
How Stephanie and Joël feel about looping through arrays and having IT blocks for each.
The most common motivations for introducing abstractions or helper methods into your tests.
Pros and cons of factories as abstractions in testing.
Types of tests where Joël and Stephanie are more likely to introduce abstractions.
Using page objects in system tests to improve user experience.
Finding the balance between too little and too much information with abstraction in testing.
Why Stephanie has been enjoying fancier matchers like RSpecs.
Top uses of custom matchers, especially for specialized error messaging.
Why Stephanie prefers custom matchers over shared examples.
Using helper methods as a lighter version of abstraction.
Differences and similarities between abstractions in tests versus application code.
A reminder to keep your goals in mind when using abstraction.
Links Mentioned in Today’s Episode:
Reader by Readwise (https://readwise.io/read)
Why factories (https://thoughtbot.com/blog/why-factories)
Why not factories (https://thoughtbot.com/blog/speed-up-tests-by-selectively-avoiding-factory-bot)
Capybara at a single level of abstraction (https://thoughtbot.com/blog/acceptance-tests-at-a-single-level-of-abstraction)
Writing custom RSpec matchers (https://thoughtbot.com/blog/acceptance-tests-at-a-single-level-of-abstraction)
Value objects shared examples (https://thoughtbot.com/blog/value-object-semantics-in-ruby)
'DRY is about knowledge' (https://verraes.net/2014/08/dry-is-about-knowledge/)
Joël Quenneville on LinkedIn (https://www.linkedin.com/in/joel-quenneville-96b18b58/) 


438: Writing abstractions in tests

In this episode of Front End Happy Hour, Ryan Burgess, Jem Young, Brian Holt, and Dan DiGangi dive deep into the challenges faced by junior developers as they embark on their coding journeys. From the importance of curiosity and continuous learning to the often overlooked non-technical skills, our panelists discuss the common gaps that new developers experience. Whether you’re a beginner looking to navigate your first job or a senior engineer mentoring others, this conversation offers valuable insights to help bridge the gap between education and real-world success.

Guests:
Brian Holt - @holtbt
Dan DiGangi - @dandigangi

Panelists:
Ryan Burgess - @burgessdryan
Jem Young - @JemYoung

Picks:
Ryan Burgess - Ikigai: The Japanese Secret to a Long and Happy Life https://www.amazon.com/Ikigai-Japanese-Secret-Long-Happy/dp/0143130722?&_encoding=UTF8&tag=frontendhappy-20&linkCode=ur2&linkId=e062900575dea0ba9cf089cbcf0633eb&camp=1789&creative=9325
Ryan Burgess -
Jem Young - Scaling People: Tactics for Management and Company Building https://www.amazon.com/Scaling-People-Tactics-Management-Building/dp/1953953212?&_encoding=UTF8&tag=frontendhappy-20&linkCode=ur2&linkId=e062900575dea0ba9cf089cbcf0633eb&camp=1789&creative=9325
Jem Young - Movement, Before All Flowers - Max Richter https://open.spotify.com/album/1HrFsljwk4wUHrPPOGkSbN
Brian Holt - Minnesota State Fair https://www.mnstatefair.org/
Brian Holt - Dungeons & Degenerate Gamblers https://store.steampowered.com/app/2400510/Dungeons__Degenerate_Gamblers/
Brian Holt - Electric SQL https://electric-sql.com/
Dan DiGangi - Waking Up: A Guide to Spirituality Without Religion https://www.amazon.com/Waking-Up-Spirituality-Without-Religion/dp/1451636024?&_encoding=UTF8&tag=frontendhappy-20&linkCode=ur2&linkId=e062900575dea0ba9cf089cbcf0633eb&camp=1789&creative=9325

Episode transcript: https://www.frontendhappyhour.com/episodes/why-most-new-developers-struggle-the-missing-skills-you-need


Episode 208 - Why most new developers struggle: The missing skills you need

<p class="has-line-data" data-line-start="0" data-line-end="1"> Scott and Wes break down why your CSS might suck—from misusing specificity to not leveraging CSS variables. Tune in as they dive into common pitfalls that are making your stylesheets a hot mess.</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=00:33">00:33</a></strong> <a href= "https://olympics.com/en/paris-2024/sports/breaking">Breakdancing</a> in the Olympics.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=05:29">05:29</a></strong> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=05:44">05:44</a></strong> Why your CSS sucks.</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=07:01">07:01</a></strong> You’re styling the wrong element.</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=11:01">11:01</a></strong> Nesting too deep.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=12:37">12:37</a></strong> You don’t understand specificity.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=14:56">14:56</a></strong> Your classes don’t use a system.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=16:24">16:24</a></strong> You’re using values instead of CSS vars.</li> <li class="has-line-data" data-line-start="13" data-line-end="15"> <strong><a href="#t=20:16">20:16</a></strong> You don’t understand block vs inline vs inline-block. <ul> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href= "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values"> CSS Logical Properties</a></li> </ul> </li> <li class="has-line-data" data-line-start="15" data-line-end="17"> <strong><a href="#t=21:16">21:16</a></strong> You aren’t using the right tool for the job. <ul> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href= "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox"> CSS Flexbox</a>, <a href= "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout">CSS Grid</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=24:15">24:15</a></strong> You’re setting the value in too many places.</li> <li class="has-line-data" data-line-start="18" data-line-end="20"> <strong><a href="#t=24:31">24:31</a></strong> You’re scoping to tightly or not tightly enough.</li> </ul> <h3 class="code-line" data-line-start="20" data-line-end="21"> <a id="Hit_us_up_on_Socials_20"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="22" data-line-end="23"> 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="24" data-line-end="25"> 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="26" data-line-end="27"> 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="28" data-line-end="29"> 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>

816: Why Your CSS Sucks

<h2>Show Description</h2><p>Dave's got an idea for a second brain app that's customized to his brain, where we're at with Notion and other notes apps, and accessibility on LLM's in browsers.</p>
<p><a href='https://shoptalkshow.com/631/' style='background: #ca6533; color: black; padding: 8px 20px; text-decoration: none;'>Listen on Website &rarr;</a></p><h2>Links</h2><ul>
<li><a href="https://www.notion.so/web-clipper">Notion Web Clipper for Chrome, Safari, Firefox, and mobile</a></li>
<li><a href="https://fortelabs.com/blog/para/">The PARA Method: The Simple System for Organizing Your Digital Life in Seconds</a></li>
<li><a href="https://obsidian.md/">Obsidian - Sharpen your thinking</a></li>
<li><a href="https://johnnydecimal.com/">Organize Life System</a></li>
<li><a href="https://culturedcode.com/things/">Things To-Do List</a></li>
<li><a href="https://bear.app/">Bear - Markdown Notes</a></li>
<li><a href="https://ugmonk.com/en-ca/blogs/journal/analog-the-simplest-productivity-system">Analog Productivity System</a></li>
<li><a href="https://andy-bell.co.uk/just-fucking-use-paper-man/">Just use fucking paper, man</a></li>
<li><a href="https://daylightcomputer.com/">Daylight Computer Care</a></li>
<li><a href="https://www.google.com/intl/en_ca/chrome/canary/">Chrome Canary Features</a></li>
<li><a href="https://cerebras.ai/">Cerebras</a></li>
</ul><h2>Sponsors</h2>

631: Dave’s Second Brain Idea, Notion Thoughts, and Google’s LLM in Chrome

<p class="has-line-data" data-line-start="0" data-line-end="1">In this episode of Syntax, Wes and Scott talk with Ryan Dahl about Deno 2.0, its new features and use of web standards, and how it seamlessly integrates with popular frameworks like Next.js. Ryan shares insights on the motivations behind Deno’s creation, its emphasis on simplicity and security, and offers his take on the evolving JavaScript ecosystem.</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=00:34">00:34</a></strong> What is <a href= "https://deno.com/">Deno</a>?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=05:08">05:08</a></strong> Deno 2.0</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=07:49">07:49</a></strong> NPM compatibility</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=09:40">09:40</a></strong> What parts of Node aren’t doable in Deno?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=11:22">11:22</a></strong> Do we need a hard break from Require?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=13:51">13:51</a></strong> Package management</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=16:25">16:25</a></strong> Security and performance benefits of Deno</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=20:57">20:57</a></strong> Brought to you by <a href="https://sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=20:57">20:57</a></strong> Thoughts on Bun and Node additions</li> <li class="has-line-data" data-line-start="14" data-line-end="22"> <strong><a href="#t=26:25">26:25</a></strong> Ryan’s favorite Deno projects <ul> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://lume.land/">Lume</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://fresh.deno.dev/">Fresh</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href= "https://github.com/denoland/webgpu-examples">webgpu-examples</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://github.com/brendan-duncan/gpucraft">gpucraft minecraft clone + deno + webgpu</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://www.youtube.com/watch?v=vTJvjBG-GLs">gpucraft example</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href= "https://github.com/littledivy/shaderplay">Shaderplay</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href= "https://github.com/littledivy/deno_sdl2/blob/webgpu_external_surface/webgpu-examples/orillusion.ts"> Orillusion</a></li> </ul> </li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=28:42">28:42</a></strong> Will we ever see a unified file system API?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=31:49">31:49</a></strong> Typescript</li> <li class="has-line-data" data-line-start="24" data-line-end="26"> <strong><a href="#t=36:12">36:12</a></strong> <a href= "https://blog.jupyter.org/bringing-modern-javascript-to-the-jupyter-notebook-fc998095081e"> Jupyter Notebooks with Deno</a> <ul> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://pola-rs.github.io/nodejs-polars/">Polars</a></li> </ul> </li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=39:11">39:11</a></strong> AI and WASM in JavaScript</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=42:01">42:01</a></strong> Deno 2.0 features and future</li> <li class="has-line-data" data-line-start="28" data-line-end="30"> <strong><a href="#t=43:08">43:08</a></strong> Sick Picks & Shameless Plugs</li> </ul> <h3 class="code-line" data-line-start="30" data-line-end="31"> <a id="Sick_Picks_30"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="32" data-line-end="34"> Ryan: <a href= "https://www.google.com/search?q=mccarren+park">McCarren Park</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"> Ryan: <a href= "https://deno.com/enterprise">https://deno.com/enterprise</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>

815: Deno 2 with Ryan Dahl

David Neal, developer advocate and Asana content creator, discusses his talk, The Illustrated Guide to Node.js. David shares insights from his 10-year journey with Node.js, discussing its origins, use cases, and why it remains a vital tool for developers, giving insights into JavaScript's evolution and practical tips for navigating the Node.js ecosystem.
Links
https://reverentgeek.com
https://twitter.com/reverentgeek
https://techhub.social/@reverentgeek
https://staging.bsky.app/profile/reverentgeek.com
https://www.threads.net/@reverentgeek
https://github.com/reverentgeek
https://www.youtube.com/ReverentGeek
https://www.linkedin.com/in/davidneal
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: David Neal.


Exploring Node.js with David Neal

<p>The blunt reality: Merit cycles are not how you build your earning power or career. They are a function of company culture and HR, and generally speaking are disconnected from your biggest opportunities for growth.</p><p>So, where should you focus? That's what we talk about in today's episode.</p><h2>🙏 Today's Episode is Brought To you by: <a href="https://getunblocked.com">Unblocked</a></h2><p>Your developers know how to write code. What they’re missing is the context to know what code to write. Unblocked gives engineering teams the answers they need to get their jobs done – without having to wait on or interrupt their teammates. Get started for free at <a href="https://getunblocked.com/">getunblocked.com</a>.</p><h2>📮 Ask a Question</h2><p>If you enjoyed this episode and would like me to discuss a question that you have on the show, drop it over at: <a href="https://www.developertea.com/contact">developertea.com.</a></p><h2>📮 Join the <a href="https://developertea.com/discord">Discord</a></h2><p>If you want to be a part of a supportive community of engineers (non-engineers welcome!) working to improve their lives and careers, join us on the Developer Tea Discord community by visiting <a href="https://developertea.com/discord">https://developertea.com/discord</a> today!</p><h2>🧡 Leave a Review</h2><p>If you're enjoying the show and want to support the content head over to iTunes and <a href="https://ratethispodcast.com/devtea">leave a review</a>! It helps other developers discover the show and keep us focused on what matters to you.</p>


The Tricky Parts of Merit Cycles

Erik Hanchett, senior developer advocate at AWS Amplify, explores the world of Fullstack TypeScript. He discusses the significance of end-to-end type safety, the tools to achieve it, and delves into the benefits and functionalities of AWS Amplify.
Links
https://www.programwitherik.com
https://x.com/erikch
https://www.youtube.com/c/programwitherik
https://www.linkedin.com/in/erikhanchett
https://trpc.io
https://orval.dev
https://docs.amplify.aws
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?
Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod).
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers!
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Erik Hanchett.


Fullstack TypeScript with Erik Hanchett

<p class="has-line-data" data-line-start="0" data-line-end="1">In this episode of Syntax, Wes and Scott talk about HTML fundamentals — from basic structure and semantics to practical tips for better accessibility and SEO. They also discuss the difference between block and inline elements, form functionalities, HTML5 elements like dialog and canvas, and more.</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=02:33">02:33</a></strong> Brought to you by <a href="https://sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=03:25">03:25</a></strong> Why HTML is important</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=06:52">06:52</a></strong> Semantic vs non-semantic</li> <li class="has-line-data" data-line-start="8" data-line-end="11"> <strong><a href="#t=07:58">07:58</a></strong> The basic structure of an HTML page <ul> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href= "https://developer.mozilla.org/en-US/docs/Web/HTML/Element">HTML elements reference</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href= "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main">The Main element</a></li> </ul> </li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=08:45">08:45</a></strong> Doctype</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=15:24">15:24</a></strong> Nav</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=18:47">18:47</a></strong> Section</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=20:41">20:41</a></strong> Aside</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=22:09">22:09</a></strong> Article</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=22:54">22:54</a></strong> Span</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=27:18">27:18</a></strong> Why use a span when you have a div and a paragraph tag?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=29:29">29:29</a></strong> Figure and Caption</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=31:16">31:16</a></strong> Fieldset</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=31:53">31:53</a></strong> UL vs OL</li> <li class="has-line-data" data-line-start="21" data-line-end="23"> <strong><a href="#t=32:44">32:44</a></strong> DFN <ul> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href= "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn">The Definition element</a></li> </ul> </li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=34:16">34:16</a></strong> Form</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=36:56">36:56</a></strong> Button vs Anchor</li> <li class="has-line-data" data-line-start="25" data-line-end="27"> <strong><a href="#t=38:22">38:22</a></strong> Headings <ul> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://syntax.fm/show/674/a11y-treats-heading-design">674 - A11y Treats - Heading Design</a></li> </ul> </li> <li class="has-line-data" data-line-start="27" data-line-end="29"> <strong><a href="#t=40:21">40:21</a></strong> Output <ul> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href= "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output">The Output element</a></li> </ul> </li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=41:46">41:46</a></strong> Dialog</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=42:04">42:04</a></strong> Tables</li> <li class="has-line-data" data-line-start="31" data-line-end="33"> <strong><a href="#t=44:03">44:03</a></strong> Media <ul> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href= "https://github.com/muxinc/media-chrome">media-chrome</a></li> </ul> </li> <li class="has-line-data" data-line-start="33" data-line-end="36"> <strong><a href="#t=45:06">45:06</a></strong> Canvas <ul> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href= "https://githubuniverse.com/">https://githubuniverse.com/</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href= "https://maximeheckel.com/">https://maximeheckel.com/</a></li> </ul> </li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <strong><a href="#t=46:07">46:07</a></strong> On graphics programming</li> <li class="has-line-data" data-line-start="37" data-line-end="39"> <strong><a href="#t=47:38">47:38</a></strong> Search <ul> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href= "https://syntax.fm/show/354/the-surprisingly-exciting-world-of-html-elements"> 354 - The Surprisingly Exciting World of HTML Elements</a></li> </ul> </li> <li class="has-line-data" data-line-start="39" data-line-end="41"> <strong><a href="#t=48:27">48:27</a></strong> Sick Picks + Shameless Plugs</li> </ul> <h3 class="code-line" data-line-start="41" data-line-end="42"> <a id="Sick_Picks_41"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="43" data-line-end="44"> Scott: <a href="https://amzn.to/4co51dS">2Pack Traditional Natural Bamboo Wok Brushes</a></li> <li class="has-line-data" data-line-start="44" data-line-end="46"> Wes: <a href="https://amzn.to/46MXmVd">Logitech MX Master 3S</a></li> </ul> <h3 class="code-line" data-line-start="46" data-line-end="47"> <a id="Shameless_Plugs_46"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://www.youtube.com/@syntaxfm">Syntax YouTube Channel</a></li> <li class="has-line-data" data-line-start="49" data-line-end="51"> <a href="https://www.youtube.com/watch?v=nR85ayDEVBc">The Easiest Way to Infinite Scroll with React | Full Example</a></li> </ul> <h3 class="code-line" data-line-start="51" data-line-end="52"> <a id="Hit_us_up_on_Socials_51"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="53" data-line-end="54"> 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="55" data-line-end="56"> 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="57" data-line-end="58"> 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="59" data-line-end="60"> 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>

814: Fundamentals: HTML

Are you passionate about open source but struggling to find time amidst your daily work? Today on the podcast, Joël Quenneville sits down with Steve Polito to discuss practical strategies for making meaningful contributions to the open-source community, even when your schedule is packed. Steve is a developer with extensive experience in the open-source world seamlessly. He’s known for his ability to integrate open-source contributions into his daily workflow, all while maintaining high productivity in his professional role. In our conversation, we explore balancing professional responsibilities with open-source contributions. Steve walks us through his process, from the importance of keeping notes to leveraging Rails issue templates. Discover strategies for contributing to open-source work during work hours, the benefits of utilizing existing processes, and why extending the success of your work to the larger developer community is essential. Join us to hear recommendations for handling pull requests with Ruby on Rails, tips for using reproduction scripts, why you should release reports early and often, and much more. Tune in and learn how to seamlessly integrate open-source contributions into your daily workflow with Steve Polito!
Key Points From This Episode:
Joël and Steve catch up and share what they are currently working on.
Transitioning synchronous processing in a web request to the background.
An update on Steve’s “building in public” approach and its reception at thoughtbot.
How Steve chooses to document and track his development process.
Find out how he uses templates to enhance and increase productivity.
Why open-source work does not need to be done during your free time.
Ways you can contribute to open-source projects during normal work hours.
The benefits of sharing troubleshooting solutions with the open-source community.
Pull request lessons from his time working with Ruby on Rails.
Reasons why issues have a lower barrier to entry with Ruby on Rails.
His unique approach of using issues, pull requests, and suspenders.
Identifying aspects of everyday work that are suitable for open-source projects.
Links Mentioned in Today’s Episode:
Steve Polito (https://stevepolito.design/)
Steve Polito on X (https://x.com/stevepolitodsgn)
Episode 351: Learning in Public (https://bikeshed.thoughtbot.com/351)
Rails issue templates (https://guides.rubyonrails.org/contributing_to_ruby_on_rails.html#create-an-executable-test-case)
Suspenders (https://github.com/thoughtbot/suspenders)
Mermaid (https://mermaid.js.org/)
Ruby on Rails (https://rubyonrails.org/)
WorkOS (https://workos.com/)
thoughtbot (https://thoughtbot.com)
Joel Quenneville on LinkedIn (https://www.linkedin.com/in/joel-quenneville-96b18b58/) 


437: Contributing to Open Source in the Midst of Daily Work with Steve Polito

In this episode, we dive into the remarkable career journey of Kent C. Dodds, a passionate educator and entrepreneur. Kent shares insights from his early days in programming, his transition from working at PayPal to becoming a full-time educator, and the creation of his successful educational platforms like Epic React and Epic Web. We explore the challenges and rewards of going solo, the process of developing and launching educational content, and the importance of work-life balance. Whether you're an aspiring developer or a seasoned professional, Kent's story is full of valuable lessons on growth, resilience, and the power of teaching.


Episode 207 - Sips of Wisdom: Interview with Kent C. Dodds

<p class="has-line-data" data-line-start="0" data-line-end="1">In this episode of Syntax, Wes and Scott talk about CSS’ new scroll-driven animations, its implementation, uses, and potential pitfalls. They also discuss animation-timeline and animation-range, and how they can be utilized to control animations based on scroll positions.</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=00:46">00:46</a></strong> Brought to you by <a href="https://sentry.io/">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="9"> <strong><a href="#t=01:35">01:35</a></strong> Scroll-driven animations. <ul> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href= "https://syntax.fm/show/695/5-new-css-features-you-should-know">Syntax 695: 5 New CSS Features You Should Know</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://scroll-driven-animations.style/">Scroll-driven animations demos and tools</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=04:13">04:13</a></strong> <a href= "https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes">@keyframes</a>.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=05:22">05:22</a></strong> <a href= "https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline"> animation-timeline</a>.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=11:35">11:35</a></strong> <a href= "https://developer.mozilla.org/en-US/docs/Web/CSS/animation-range">animation-range</a>.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=08:49">08:49</a></strong> View-based timelines.</li> <li class="has-line-data" data-line-start="13" data-line-end="15"> <strong><a href="#t=17:45">17:45</a></strong> <a href= "https://daverupert.com/2023/08/animation-timeline-scroll-shadows/"> Neat uses: Dave Rupert on styling :stuck</a>.</li> </ul> <h3 class="code-line" data-line-start="15" data-line-end="16"> <a id="Hit_us_up_on_Socials_15"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="17" data-line-end="18"> 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="19" data-line-end="20"> 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="21" data-line-end="22"> 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="23" data-line-end="24"> 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>

813: CSS: Scroll Driven Animations

<h2>Show Description</h2><p>Chris has a birthday today , we recap our Frostapalooza experience celebrating Brad Frost's birthday, do all codebases become a mess, Mermaid, TLDraw, and Figjam thoughts, making tiny games, where's the follow up in web and world news, and what's the current state of CMS' on the web?</p>
<p><a href='https://shoptalkshow.com/630/' style='background: #ca6533; color: black; padding: 8px 20px; text-decoration: none;'>Listen on Website &rarr;</a></p><h2>Links</h2><ul>
<li><a href="https://chriscoyier.net/2024/08/23/frostapalooza-2/">Frostapalooza – Chris Coyier</a></li>
<li><a href="https://frostapalooza.bradfrost.com/">FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024</a></li>
<li><a href="https://bradfrost.com/blog/post/frostapalooza-in-photos-and-videos/">Frostapalooza in photos and videos | Brad Frost</a></li>
<li><a href="https://www.eventbrite.com/e/symmetry-2024-tickets-952826548857?src=social">Symmetry 2024 Tickets</a></li>
<li><a href="https://codepen.io/">Code Editor Community</a></li>
<li><a href="https://daverupert.com/2020/11/technical-debt-as-a-lack-of-understanding/">Understanding Technical Debt</a></li>
<li><a href="https://mermaid.js.org/">Mermaid Tool</a></li>
<li><a href="https://www.tldraw.com/">tldraw</a></li>
<li><a href="https://www.figma.com/figjam/">Collaborative Whiteboard</a></li>
<li><a href="https://www.figma.com/dev-mode/">Dev Mode</a></li>
<li><a href="https://www.canva.com/">Visual Suite for Everyone</a></li>
<li><a href="https://js13kgames.com/">Game Development Competition</a></li>
<li><a href="https://www.bscotch.net/">Butterscotch Shenanigans</a></li>
<li><a href="https://ghost.org/">Ghost Platform</a></li>
<li><a href="https://www.craftcms.com/">Craft CMS</a></li>
<li><a href="https://astro.build/">Astro</a></li>
<li><a href="https://www.11ty.dev/">Eleventy Static Site Generator</a></li>
<li><a href="https://decapcms.org/">Decap CMS</a></li>
<li><a href="https://tina.io/">The Markdown CMS</a></li>
<li><a href="https://www.sanity.io/">Sanity Content Cloud</a></li>
</ul><h2>Sponsors</h2><h3><a href='https://jam.dev/'>Jam.dev</a></h3>One click bug reports devs love.

Find out more <a href="https://jam.dev/">at jam.dev</a>

Dev Hub

A collation of the top Web Development Podcasts