[{"id":"syntax_podcast_show_00835","number":835,"title":"How to Pick a JavaScript Framework","date":"2024-10-16T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_835.mp3","youtube_url":"https://www.youtube.com/watch?v=zo20Mwwrtp0","show_notes":"\nDo 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:32](#t=01:32)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[03:17](#t=03:17)** What is a framework?\n * [Syntax Meetup San Francisco](https://www.eventbrite.com/e/san-francisco-syntax-meetup-tickets-982091250367).\n* **[08:21](#t=08:21)** Examples of frameworks for Vue, Svelte and Angular.\n* **[12:39](#t=12:39)** What questions do you need to answer?\n* **[12:44](#t=12:44)** What or where do you need to ship?\n* **[14:12](#t=14:12)** How do you render it?\n* **[18:22](#t=18:22)** Where are you deploying it?\n* **[24:03](#t=24:03)** How do you store data?\n* **[24:09](#t=24:09)** Existing API.\n* **[26:03](#t=26:03)** Integrated server.\n* **[26:22](#t=26:22)** Database.\n * [Supabase](https://supabase.com/).\n* **[26:59](#t=26:59)** Does it have RPC or server actions?\n* **[34:27](#t=34:27)** Do you need authentication?\n* **[38:45](#t=38:45)** Auth packages.\n * [LuciaJS](https://lucia.js.org/).\n * [Lucia announcement](https://github.com/lucia-auth/lucia/discussions/1707).\n * [Lucia preview](https://lucia-next.pages.dev/).\n * [NPM Arctic Oauth](https://www.npmjs.com/package/arctic).\n * [Auth utilities](https://www.npmjs.com/package/oslo).\n * [Better-Auth](https://github.com/better-auth/better-auth).\n * [Scott's Drop-In Auth](https://github.com/stolinski/drop-in/tree/main/packages/auth).\n* **[42:10](#t=42:10)** Does it include email?\n* **[42:52](#t=42:52)** What does the TypeScript story look like?\n* **[43:32](#t=43:32)** How does it handle images?\n* **[44:35](#t=44:35)** How do we work with CSS?\n* **[46:02](#t=46:02)** How long has it been around?\n* **[47:37](#t=47:37)** How mature is the ecosystem?\n* **[48:35](#t=48:35)** Is there community support?\n* **[50:21](#t=50:21)** Portability.\n* **[51:18](#t=51:18)** Hiring.\n* **[52:17](#t=52:17)** Sick Pick + Shameless Plugs.\n\n### Sick Picks\n\n- CJ: [Infinite Health](https://tycho.bandcamp.com/album/infinite-health).\n- Scott: [USB A to C adapters](https://amzn.to/3XYJt2l).\n- Wes: [Citric Acid](https://amzn.to/4hba2dF).\n\n### Shameless Plugs\n\n- Scott: [Syntax on YouTube](https://youtube.com/@syntaxfm)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"fed5a0c6fe2acd4f334aec16c10ccf377ae6fe1aebba417b83d827f10d1a4b4c","slug":"how-to-pick-a-javascript-framework","md_file":"/shows/835 - How to Pick a JS Framework.md","created_at":"2024-10-15T21:00:16.162Z","updated_at":"2024-10-15T21:00:16.162Z","show_type":"TASTY","guests":[{"Guest":{"github":"w3cj","name":"CJ Reynolds"}}],"notesFile":"/shows/835 - How to Pick a JS Framework.md","displayNumber":"835","displayDate":"October 16th, 2024"},{"id":"syntax_podcast_show_00834","number":834,"title":"AI Will Improve Your Web Development Workflow","date":"2024-10-14T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_834.mp3","youtube_url":"https://www.youtube.com/watch?v=qpWxsQdCGTQ","show_notes":"\nScott 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!\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:23](#t=01:23)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[01:43](#t=01:43)** Using AI tools effectively.\n* **[05:29](#t=05:29)** Stack trace reading and error finding.\n* **[08:37](#t=08:37)** [San Francisco Syntax Meetup](https://www.eventbrite.com/e/san-francisco-syntax-meetup-tickets-982091250367)!\n* **[09:19](#t=09:19)** Research and validation.\n* **[12:19](#t=12:19)** Completing mundane tasks.\n* **[14:10](#t=14:10)** Refactoring.\n* **[18:56](#t=18:56)** Simple typescript.\n* **[20:29](#t=20:29)** Summarizing docs and source code.\n* **[23:56](#t=23:56)** Quick hits.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"d24bf67c44a0c47068caec9339862b88ae31eb7df56dba52efddfa86ca686145","slug":"ai-will-improve-your-web-development-workflow","md_file":"/shows/834 - AIWill Improve Your Web Development Workflow.md","created_at":"2024-10-03T15:00:41.545Z","updated_at":"2024-10-11T21:00:29.777Z","show_type":"HASTY","guests":[],"notesFile":"/shows/834 - AIWill Improve Your Web Development Workflow.md","displayNumber":"834","displayDate":"October 14th, 2024"},{"id":"syntax_podcast_show_00833","number":833,"title":"Next Gen Fullstack React with TanStack","date":"2024-10-11T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_833.mp3","youtube_url":"https://www.youtube.com/watch?v=4PymccvinIo","show_notes":"\nScott 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. \n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[02:59](#t=02:59)** What is [TanStack Start](https://tanstack.com/start/)?\n * [UnJS](https://unjs.io/)\n * [Nitro](https://nitro.unjs.io/)\n * [Vinxi](https://vinxi.vercel.app/)\n* **[06:17](#t=06:17)** What is the [Vite Environment API](https://main.vitejs.dev/guide/api-environment)?\n* **[07:21](#t=07:21)** Was it always the plan to use Vite? \n* **[08:02](#t=08:02)** [TanStack Router](https://tanstack.com/router/) and client-side vs server-side\n* **[16:18](#t=16:18)** How TanStack Start will work\n* **[27:26](#t=27:26)** Moving from Create React App to TanStack\n* **[30:42](#t=30:42)** Brought to you by [Sentry.io](https://sentry.io)\n* **[31:15](#t=31:15)** Will TanStack Router ever support other frameworks?\n* **[33:54](#t=33:54)** How will TanStack Start handle forms?\n* **[36:13](#t=36:13)** [TanStack Virtual](https://tanstack.com/virtual)\n* **[39:41](#t=39:41)** What is the future of TanStack?\n * [Convex](https://www.convex.dev/)\n* **[42:49](#t=42:49)** How Tanner writes documentation\n* **[47:55](#t=47:55)** Server functions and middleware\n* **[54:41](#t=54:41)** When will TanStack Start be in beta?\n* **[57:00](#t=57:00)** Sick Picks + Shameless Plugs\n\n### Sick Picks\n\n- Tanner:\n - [LG C4](https://www.amazon.com/LG-77-Inch-Processor-AI-Powered-OLED77C4PUA/dp/B0CVRDNLVX)\n - [Ultra Slim Fit TV Wall Mount](https://www.amazon.com/Supcline-Compatible-Micro-Gap-Minimalist-Interior/dp/B0CL6TCYTK)\n\n### Shameless Plugs\n\n- Tanner:\n - [TanStack Blog](https://tanstack.com/blog)\n - [@TKDodo](https://x.com/TkDodo)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"d84dea40fb9cc2deb476d593e4c88d31f4af349dbd029721db8aaf38bcef4b5d","slug":"next-gen-fullstack-react-with-tanstack","md_file":"/shows/833 - Next Gen Fullstack React with TanStack.md","created_at":"2024-10-10T21:00:21.625Z","updated_at":"2024-10-10T21:00:21.625Z","show_type":"SUPPER","guests":[{"Guest":{"github":"tanstack","name":"Tanner Linsley"}}],"notesFile":"/shows/833 - Next Gen Fullstack React with TanStack.md","displayNumber":"833","displayDate":"October 11th, 2024"},{"id":"syntax_podcast_show_00832","number":832,"title":"Potluck: When to Use a Framework × Goodbye Webpack × Custom Events in React + More!","date":"2024-10-09T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_832.mp3","youtube_url":"https://www.youtube.com/watch?v=ZgoReT1as58","show_notes":"\nScott 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:31](#t=00:31)** [DenverScript](https://denverscript.com/).\n* **[03:14](#t=03:14)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[03:54](#t=03:54)** Question 1: Moving off create-react-app.\n * [Proposal: TC39 Import Attributes](https://github.com/tc39/proposal-import-attributes).\n * [HTML iframe srcdoc Attribute](https://www.w3schools.com/tags/att_iframe_srcdoc.asp).\n* **[09:10](#t=09:10)** Question 2: Working together with QA teams.\n* **[13:46](#t=13:46)** Question 3: Benefits of React with Next.js Framework.\n * [Svelte Turnstile](https://github.com/ghostdevv/svelte-turnstile).\n * [Next.js Pages Router](https://nextjs.org/docs/pages) vs [Next.js App Router](https://nextjs.org/docs/app).\n* **[17:38](#t=17:38)** Question 4: What are your real names?\n* **[19:22](#t=19:22)** Question 5: Thoughts on RTO and WFH.\n* **[27:50](#t=27:50)** Question 6: Where can I find you Sick Picks?\n * [Sick Picks](https://syntax.fm/sickpicks).\n * [Sick Picks Scraper](https://github.com/syntaxfm/website/blob/main/src/routes/(site)/sickpicks/%2Bpage.server.ts).\n* **[29:34](#t=29:34)** Question 7: From JR developer to SR developer.\n* **[31:41](#t=31:41)** Question 8: Godot and game development.\n * [Godot Engine](https://godotengine.org/).\n * [GDScript](https://docs.godotengine.org/en/stable/tutorials/scripting/gdscript/gdscript_basics.html).\n * [Phind](https://www.phind.com/).\n* **[39:37](#t=39:37)** Question 9: Inherent advantage between Callbacks and Events.\n* **[44:44](#t=44:44)** Question 10: Transitioning to freelance with corporate experience.\n* **[49:44](#t=49:44)** Question 11: Dealing with negative feedback.\n* **[57:05](#t=57:05)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [audiobookshelf](https://github.com/advplyr/audiobookshelf), [Plappa App](https://plappa.me/).\n- Wes: [New Syntax Swag](https://sentry.shop/).\n\n### Shameless Plugs\n\n- Scott: [Syntax on YouTube](https://youtube.com/@syntaxfm).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"cf6e5be71e95c3047295268b709a1f8f94216eb3063a7d7c872fc4889a24c6b9","slug":"potluck-when-to-use-a-framework-goodbye-webpack-custom-events-in-react-more","md_file":"/shows/832 - Potluck When to Use a Framework × Goodbye Webpack × Custom Events in React + More!.md","created_at":"2024-09-27T18:00:33.594Z","updated_at":"2024-10-09T15:00:46.824Z","show_type":"TASTY","guests":[],"notesFile":"/shows/832 - Potluck When to Use a Framework × Goodbye Webpack × Custom Events in React + More!.md","displayNumber":"832","displayDate":"October 9th, 2024"},{"id":"syntax_podcast_show_00831","number":831,"title":"Preventing Spam and Fraud","date":"2024-10-07T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_831.mp3","youtube_url":"https://www.youtube.com/watch?v=k4wyxLR9UYo","show_notes":"\nFrom 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:15](#t=00:15)** The problem.\n* **[02:47](#t=02:47)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[04:23](#t=04:23)** CAPTCHA.\n* **[06:24](#t=06:24)** Data collection.\n* **[07:11](#t=07:11)** Stripe Radar score calculation.\n* **[09:12](#t=09:12)** Rate limiting.\n* **[11:34](#t=11:34)** Shadow banning.\n* **[13:53](#t=13:53)** Email verification.\n * [Wes' Burner Emails](https://github.com/wesbos/burner-email-providers).\n* **[15:38](#t=15:38)** Tie to accounts.\n* **[16:23](#t=16:23)** Tied to real identity.\n* **[19:36](#t=19:36)** Manual approval.\n* **[21:19](#t=21:19)** Blocking ASN.\n* **[23:17](#t=23:17)** Honey pot field.\n* **[24:28](#t=24:28)** SMS verification.\n* **[25:05](#t=25:05)** Mechanical Turk.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"91fa3ae05defcfcbd8e6d24453f5663a6ee07ad5c111199a1d0886ea46627ef3","slug":"preventing-spam-and-fraud","md_file":"/shows/831 - PreventingSpam and Fraud.md","created_at":"2024-09-23T15:00:24.398Z","updated_at":"2024-10-04T18:00:38.436Z","show_type":"HASTY","guests":[],"notesFile":"/shows/831 - PreventingSpam and Fraud.md","displayNumber":"831","displayDate":"October 7th, 2024"},{"id":"syntax_podcast_show_00830","number":830,"title":"GitHub and Code Reviews with Sarah Vessels","date":"2024-10-04T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_830.mp3","youtube_url":"https://youtu.be/Az1ELhRw4sk","show_notes":"\nScott 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:59](#t=00:59)** What is a code review? \n * [How to review code effectively: A GitHub staff engineer’s philosophy](https://github.blog/developer-skills/github/how-to-review-code-effectively-a-github-staff-engineers-philosophy/)\n* **[04:18](#t=04:18)** Strategies for an effective code review processes\n* **[06:59](#t=06:59)** Should you test and fix in the same pull request?\n* **[07:57](#t=07:57)** How to ask for code reviews\n* **[12:12](#t=12:12)** Feature flags and their role in code management \n * [flipper](https://github.com/flippercloud/flipper) \n * [scientist](https://github.com/github/scientist) \n * [scientist - JS](https://github.com/fightmegg/scientist)\n* **[20:03](#t=20:03)** Who should do code reviews?\n* **[23:34](#t=23:34)** Should you review your own code?\n* **[25:04](#t=25:04)** Brought to you by [Sentry.io](https://sentry.io)\n* **[25:29](#t=25:29)** Code comments vs pull requests\n* **[27:35](#t=27:35)** Dealing with egos in the code review process\n* **[30:18](#t=30:18)** What automations are essential? \n * [project-pull-mover](https://github.com/cheshire137/project-pull-mover)\n* **[34:35](#t=34:35)** Underutilized tools \n * [GitHub Protips: Tips, tricks, hacks, and secrets from Sarah Vessels](https://github.blog/developer-skills/github/github-protips-tips-tricks-hacks-and-secrets-from-sarah-vessels/)\n* **[36:25](#t=36:25)** Commit strategies and squash\n* **[39:30](#t=39:30)** GitHub's branching system\n* **[41:14](#t=41:14)** Git gone wrong\n* **[42:30](#t=42:30)** What is the correct way to merge into main?\n* **[43:47](#t=43:47)** What was it like working on GitHub Sponsors? \n * [GitHub Sponsors](https://github.com/sponsors) \n * [thanks.dev](https://thanks.dev/home)\n* **[46:58](#t=46:58)** Sick Picks & Shameless Plugs\n\n### Sick Picks\n\n- Sarah: https://store.steampowered.com/steamdeck\n\n### Shameless Plugs\n\n- Sarah: https://github.com/sponsors\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)","hash":"b5cb29f76eff530632bf36355f62804455d357963d406e236f923d53c65f7c84","slug":"github-and-code-reviews-with-sarah-vessels","md_file":"/shows/830 - Github and Code Reviews with Sarah Vessels.md","created_at":"2024-10-03T18:00:40.963Z","updated_at":"2024-10-03T18:00:40.963Z","show_type":"SUPPER","guests":[{"Guest":{"github":"cheshire137","name":"Sarah Vessels"}}],"notesFile":"/shows/830 - Github and Code Reviews with Sarah Vessels.md","displayNumber":"830","displayDate":"October 4th, 2024"},{"id":"syntax_podcast_show_00829","number":829,"title":"14 Web Development Tips I Wish I Knew Sooner","date":"2024-10-02T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_829.mp3","youtube_url":"https://www.youtube.com/watch?v=Ifh6mCMS9CQ","show_notes":"\nScott 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!\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[02:09](#t=02:09)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[03:45](#t=03:45)** 13 Web Development Tips I Wish I Knew Sooner.\n* **[03:49](#t=03:49)** Number 1 - No one is all-knowing.\n* **[05:39](#t=05:39)** Number 2 - People with extremely strong opinions.\n* **[11:13](#t=11:13)** Number 3 - Using tools to help you isn’t a bad thing.\n* **[12:34](#t=12:34)** Number 4 - Approach new technology with a mixed dose of skepticism and open-mindedness.\n* **[16:05](#t=16:05)** Number 5 - Things make more sense the more you actually use them.\n* **[18:40](#t=18:40)** Number 6 - Willingness to change your mind is a strong skill.\n* **[20:06](#t=20:06)** Number 7 - Doing is better than reading or watching.\n* **[22:29](#t=22:29)** Number 8 - Asking questions is good.\n* **[26:45](#t=26:45)** Number 9 - Everyone doesn’t learn the same.\n* **[30:41](#t=30:41)** Number 10 - You don’t need a SAAS for everything.\n* **[35:53](#t=35:53)** Number 11 - You don't need to worry about scale.\n* **[37:49](#t=37:49)** Number 12 - Learning the fundamentals will always pay off.\n* **[40:07](#t=40:07)** Number 13 - Working in public will make you more hireable.\n* **[42:48](#t=42:48)** Number 14 - You can interview without accepting a job offer.\n* **[45:29](#t=45:29)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Glasses](https://amzn.to/4esNa6W).\n- Wes: [Oxo Whisk](https://amzn.to/3ZsRcIh), [Danish Whisk](https://amzn.to/3ziQpz7).\n\n### Shameless Plugs\n\n- Scott: [Syntax on YouTube](https://youtube.com/@syntaxfm).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"dc7e6e7461beb72d44dc050cc1ad14683ac013ecf201de6c62b42903f3158f7c","slug":"14-web-development-tips-i-wish-i-knew-sooner","md_file":"/shows/829 - 14 Web Development Tips I Wish I Knew Sooner.md","created_at":"2024-09-19T15:00:32.219Z","updated_at":"2024-09-19T15:00:32.219Z","show_type":"TASTY","guests":[],"notesFile":"/shows/829 - 14 Web Development Tips I Wish I Knew Sooner.md","displayNumber":"829","displayDate":"October 2nd, 2024"},{"id":"syntax_podcast_show_00828","number":828,"title":"Logging in Verification: Magic Links, 2FA, SMS Codes","date":"2024-09-30T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_828.mp3","youtube_url":"https://www.youtube.com/watch?v=UXFY5tqlq3c","show_notes":"\nScott and Wes break down 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:11](#t=00:11)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[00:34](#t=00:34)** Logging in Verification.\n* **[01:09](#t=01:09)** Magic Links.\n * **[01:24](#t=01:24)** Pros of magic links.\n * **[03:50](#t=03:50)** How magic links work.\n * **[04:25](#t=04:25)** Cons to magic links.\n* **[06:21](#t=06:21)** Magic Sessions.\n * **[06:37](#t=06:37)** Using email verification.\n * **[07:12](#t=07:12)** Using code verification.\n * **[07:55](#t=07:55)** Previously trusted device verification.\n * **[08:14](#t=08:14)** Classic email and verification process.\n * **[09:54](#t=09:54)** Email Code.\n* **[10:51](#t=10:51)** Gmail verification options.\n* **[12:01](#t=12:01)** OAuth.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)","hash":"16f6d319c7684714ebc7f6deca917b3c8c822d26aa3b4a3ddb4c236c98949871","slug":"logging-in-verification-magic-links-2fa-sms-codes","md_file":"/shows/828 - Loggingin Verification: Magic Links, 2FA, SMS Codes.md","created_at":"2024-09-13T15:00:06.822Z","updated_at":"2024-09-13T15:00:06.822Z","show_type":"HASTY","guests":[],"notesFile":"/shows/828 - Loggingin Verification: Magic Links, 2FA, SMS Codes.md","displayNumber":"828","displayDate":"September 30th, 2024"},{"id":"syntax_podcast_show_00827","number":827,"title":"Career Development with Topher Martini","date":"2024-09-27T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_827.mp3","youtube_url":"https://youtu.be/LGe_uH5e4Rs","show_notes":"\nScott 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. \n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax! \n* **[00:40](#t=00:40)** What it was like working on the first iPhone \n* **[04:47](#t=04:47)** How Topher landed at Apple early in his career \n* **[08:40](#t=08:40)** How Apple's culture has changed over time \n* **[11:03](#t=11:03)** What makes a great employee? \n* **[16:37](#t=16:37)** Tips for better communication \n* **[17:54](#t=17:54)** Are meetings a good means of communication? \n* **[20:05](#t=20:05)** What makes a bad employee? \n* **[22:21](#t=22:21)** What does it take to get hired at a company like Apple? \n* **[26:16](#t=26:16)** Brought to you by [Sentry.io](https://sentry.io) \n* **[26:55](#t=26:55)** The relationship between passion and career \n* **[29:08](#t=29:08)** Topher's advice for growing in your career \n* **[31:50](#t=31:50)** What is a sabbatical? \n* **[33:36](#t=33:36)** Teaching tech to kids \n* **[35:49](#t=35:49)** Topher's work on self-driving cars \n * [Aurora](https://aurora.tech/) \n* **[39:33](#t=39:33)** AI's impact on tech and the future \n* **[41:22](#t=41:22)** What can developers do to stand out and be relevant in a world of AI? \n* **[43:30](#t=43:30)** Topher's thoughts on career development \n * [One Small Step Can Change Your Life: The Kaizen Way](https://www.amazon.com/Small-Step-Change-Your-Life/dp/076118032X) \n * [Paul Copplestone](https://x.com/kiwicopple) \n* **[44:47](#t=44:47)** What is a light field camera? \n* **[46:47](#t=46:47)** Spatial media and Vision Pro \n* **[48:10](#t=48:10)** The nifty stuff in Topher's background \n* **[49:53](#t=49:53)** Something wild that happened while Topher was at Apple \n* **[51:34](#t=51:34)** Sick Picks & Shameless Plugs \n\n### Sick Picks\n\n- Topher:\n * [Bambu Lab P1S 3D Printer](https://us.store.bambulab.com/products/p1s)\n * [Bento 3D](https://bento3d.design/)\n\n### Shameless Plugs\n\n- Topher: [Topher's YouTube Channel](https://www.youtube.com/@tophermartini)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)","hash":"00b46a93bb073b67999f7e02c77773230773793a6d4354e739557c0076355372","slug":"career-development-with-topher-martini","md_file":"/shows/827 - Career Development with Topher Martini.md","created_at":"2024-09-26T21:00:39.474Z","updated_at":"2024-09-26T21:00:39.474Z","show_type":"SUPPER","guests":[{"Guest":{"github":null,"name":"Topher Martini"}}],"notesFile":"/shows/827 - Career Development with Topher Martini.md","displayNumber":"827","displayDate":"September 27th, 2024"},{"id":"syntax_podcast_show_00826","number":826,"title":"You Need These 30 Apps - PART 2","date":"2024-09-25T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_826.mp3","youtube_url":"https://www.youtube.com/watch?v=wOR_Xx38mxk","show_notes":"\nIn 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:44](#t=01:44)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:30](#t=02:30)** Utilities.\n * **[02:48](#t=02:48)** [BetterTouchTool](https://folivora.ai/).\n * **[09:31](#t=09:31)** [Hyperkey](https://hyperkey.app/).\n * **[11:46](#t=11:46)** [Amethyst](https://github.com/ianyh/Amethyst).\n * **[12:51](#t=12:51)** [Klack](https://tryklack.com/).\n * **[13:47](#t=13:47)** [Bottom (Btm)](https://github.com/ClementTsang/bottom).\n * **[14:54](#t=14:54)** [Pearcleaner](https://github.com/alienator88/Pearcleaner)\n * **[16:40](#t=16:40)** [App Cleaner](https://freemacsoft.net/appcleaner/).\n * **[17:35](#t=17:35)** [Rocket Emoji](https://matthewpalmer.net/rocket/).\n * **[20:27](#t=20:27)** [Clipy](https://github.com/Clipy/Clipy).\n* **[23:37](#t=23:37)** Screenshots and Screen Recordings.\n * **[24:05](#t=24:05)** [Dropshare](https://dropshare.app/).\n * **[25:29](#t=25:29)** OBS with [Source Record](https://obsproject.com/forum/resources/source-record.1285/).\n * **[29:20](#t=29:20)** [Screen Studio](https://www.screen.studio/).\n * **[30:58](#t=30:58)** [Detail.co](https://detail.co/).\n * **[31:22](#t=31:22)** [Cap](https://github.com/CapSoftware/Cap).\n * **[32:08](#t=32:08)** [Kap](https://getkap.co/).\n * **[32:46](#t=32:46)** [CleanShot X](https://cleanshot.com/)\n* **[34:15](#t=34:15)** Video and Production.\n * **[34:24](#t=34:24)** [DaVinci Resolve](https://www.blackmagicdesign.com/ca/products/davinciresolve).\n * **[37:46](#t=37:46)** [Affinity Pro](https://affinity.serif.com/en-us/).\n * **[39:42](#t=39:42)** [PrincipleForMac](https://principleformac.com/).\n * **[40:39](#t=40:39)** [Inkscape](https://inkscape.org/).\n* **[41:34](#t=41:34)** Development tools.\n * **[41:38](#t=41:38)** [DBngin](https://dbngin.com/).\n * **[43:12](#t=43:12)** [TablePlus](https://docs.tableplus.com/utilities/dbngin).\n * **[45:48](#t=45:48)** [MongoDB Compass](https://www.mongodb.com/products/tools/compass).\n * **[46:14](#t=46:14)** [Proxyman](https://proxyman.io/).\n * **[47:00](#t=47:00)** [Wireshark](https://www.wireshark.org/).\n * **[47:31](#t=47:31)** [Polypane](https://polypane.app/).\n * **[48:30](#t=48:30)** [Setapp](https://setapp.com/).\n * **[49:44](#t=49:44)** [SVG Grabber](https://chromewebstore.google.com/detail/svg-grabber-get-all-the-s/eafjmnaiohflfhelegodfedimibnjpgp).\n* **[51:42](#t=51:42)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Untold Sign Stealer]( https://www.netflix.com/title/81757014).\n- Wes: [Magnet tiles Marble Run](https://www.amazon.com/MAGBLOCK-Magnetic-Magnets-Toys-Toddler-Toys-Magnetic-Building-Set-Magnet-Tiles-Building/dp/B09H2V467B/).\n\n### Shameless Plugs\n\n- Scott: [Syntax on YouTube](https://youtube.com/@syntaxfm).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"c3301d9aeeceb6316bf5048e99cc915f55e8d9181851168e5ed9efb18609bdc9","slug":"you-need-these-30-apps-part-2","md_file":"/shows/826 - YouNeed These 30 Apps - PART 2.md","created_at":"2024-09-13T15:00:06.770Z","updated_at":"2024-09-27T00:00:36.476Z","show_type":"TASTY","guests":[],"notesFile":"/shows/826 - YouNeed These 30 Apps - PART 2.md","displayNumber":"826","displayDate":"September 25th, 2024"},{"id":"syntax_podcast_show_00825","number":825,"title":"Syntax Assistant Desktop App","date":"2024-09-23T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_825.mp3","youtube_url":"https://www.youtube.com/watch?v=BWQNs771mZs","show_notes":"\nScott 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:44](#t=00:44)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[01:37](#t=01:37)** What was the idea?\n* **[05:42](#t=05:42)** The tech.\n * [Svelte5](https://svelte.dev/blog/svelte-5-release-candidate), [Tauri](https://tauri.app/), [Rust](https://www.rust-lang.org/), [FFMPEG](https://www.ffmpeg.org/). \n* **[08:32](#t=08:32)** Markdown editor.\n * [ink-mde](https://github.com/davidmyersdev/ink-mde), [Dillinger](https://dillinger.io/).\n* **[09:32](#t=09:32)** Epoch timestamps.\n * [Epoch.vercel](https://epoch.vercel.app/).\n* **[10:01](#t=10:01)** Updating front-matter.\n* **[10:10](#t=10:10)** [Dexie.js](https://dexie.org/) function.\n* **[11:25](#t=11:25)** Backing up data.\n* **[11:58](#t=11:58)** Rust functions.\n* **[12:58](#t=12:58)** Why a desktop app and not a website?\n* **[14:38](#t=14:38)** Some small AI features.\n* **[16:26](#t=16:26)** Challenges with [OAuth](https://oauth.net/2/).\n* **[20:03](#t=20:03)** Publishing challenges.\n* **[23:29](#t=23:29)** Could this work on Windows?\n* **[23:54](#t=23:54)** Debugging.\n* **[26:23](#t=26:23)** Deciphering Apple logs.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"91bf9f411bf0719e5e6dfef90fc7202978fd50ef73a8950e290603383c9f5d37","slug":"syntax-assistant-desktop-app","md_file":"/shows/825 - Syntax Prod App.md","created_at":"2024-09-09T15:00:25.864Z","updated_at":"2024-09-09T15:00:25.864Z","show_type":"HASTY","guests":[],"notesFile":"/shows/825 - Syntax Prod App.md","displayNumber":"825","displayDate":"September 23rd, 2024"},{"id":"syntax_podcast_show_00824","number":824,"title":"Taylor Otwell's opinions on PHP, React, Laravel and Lamborghini Memes","date":"2024-09-20T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_824.mp3","youtube_url":"https://youtu.be/aitlUO8nAA0","show_notes":"\nWes 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:29](#t=00:29)** [Laracon](https://laracon.us/)\n* **[03:13](#t=03:13)** Laravel's inspiration and features\n * [Intertia](https://inertiajs.com/)\n * [Livewire](https://laravel-livewire.com/)\n* **[07:18](#t=07:18)** Why don't we have a \"Laravel for JavaScript\"?\n* **[09:02](#t=09:02)** What parts of Laravel came first?\n* **[10:07](#t=10:07)** The Laravel ecosystem\n * [Forge](https://forge.laravel.com/)\n * [Vapor](https://vapor.laravel.com/)\n* **[12:29](#t=12:29)** [Laravel Cloud](https://cloud.laravel.com/)\n* **[14:00](#t=14:00)** What parts of Laravel are Intertia and what parts are React?\n* **[15:57](#t=15:57)** How many people are using Laravel?\n* **[16:59](#t=16:59)** Taylor's productivity and development philosophy\n* **[24:43](#t=24:43)** Brought to you by [Sentry.io](https://sentry.io)\n* **[25:19](#t=25:19)** What makes a beautiful API?\n* **[29:33](#t=29:33)** Taylor's thoughts on typing PHP\n* **[30:41](#t=30:41)** Features Taylor would like to see in PHP\n* **[33:03](#t=33:03)** What people get wrong about modern PHP\n* **[34:22](#t=34:22)** PHP stacks and CMSs\n * [Nginx](https://nginx.org/)\n * [FrankenPHP](https://frankenphp.dev/)\n * [Statamic](https://statamic.com/)\n* **[37:30](#t=37:30)** Taylor's thoughts on WordPress\n* **[38:14](#t=38:14)** Lambo memes\n* **[43:44](#t=43:44)** Taylor's coding setup\n * [Sublime Text](https://www.sublimetext.com/)\n * [Vs Code](https://code.visualstudio.com/)\n* **[45:36](#t=45:36)** Sick Picks + Shameless Plugs\n\n### Sick Picks\n\n- Taylor:\n * [Tiny Glade](https://store.steampowered.com/app/2198150/Tiny_Glade/)\n * [No Man's Sky](https://www.nomanssky.com/)\n\n### Shameless Plugs\n\n- Taylor: [Laravel Cloud](https://cloud.laravel.com/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"3097ec6aed6a065f4bf835731c559643e65492a56ea53ddf3a5f86bf6b59c0fc","slug":"taylor-otwell-s-opinions-on-php-react-laravel-and-lamborghini-memes","md_file":"/shows/824 - Taylor Otwell.md","created_at":"2024-09-19T21:00:42.631Z","updated_at":"2024-09-19T21:00:42.631Z","show_type":"SUPPER","guests":[{"Guest":{"github":"taylorotwell","name":"Taylor Otwell"}}],"notesFile":"/shows/824 - Taylor Otwell.md","displayNumber":"824","displayDate":"September 20th, 2024"},{"id":"syntax_podcast_show_00823","number":823,"title":"Is Cursor AI the VS Code Killer?","date":"2024-09-18T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_823.mp3","youtube_url":"https://www.youtube.com/watch?v=0V7RePtB33g","show_notes":"\nScott 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?\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:16](#t=01:16)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[01:48](#t=01:48)** Handling objections around AI assistants.\n* **[02:55](#t=02:55)** Context windows and how they're improving functionality.\n * [Syntax.fm Episode 728 with Kevin Hou of Codeium](https://syntax.fm/728)\n* **[04:08](#t=04:08)** Cursor's UI.\n* **[04:51](#t=04:51)** This is cool, why is it not a plugin?\n* **[08:12](#t=08:12)** What makes the UI interesting.\n* **[09:13](#t=09:13)** [Smart Rewrites](https://www.cursor.com/features).\n* **[11:44](#t=11:44)** It can create multiple files.\n* **[13:05](#t=13:05)** Using the chat interface.\n* **[16:32](#t=16:32)** Another chat example.\n* **[20:22](#t=20:22)** The main features of Cursor.\n* **[21:55](#t=21:55)** [Multi-line auto-complete](https://www.cursor.com/features).\n* **[23:55](#t=23:55)** Using docs for additional context.\n* **[27:26](#t=27:26)** AI is here to help you, not replace you.\n* **[33:27](#t=33:27)** Is it worth it?\n* **[33:55](#t=33:55)** The [pricing](https://www.cursor.com/pricing).\n* **[44:10](#t=44:10)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [The Iron Historian](https://www.youtube.com/@Iron.Historian), [Scott's Salt & Pepper Mills](https://amzn.to/4dMLvtb).\n- Wes: [Oxo Salt & Pepper Mills](https://www.costco.ca/oxo-softworks-salt-and-pepper-grinder-set.product.100791691.html).\n\n### Shameless Plugs\n\n- Scott: [Syntax.fm Zed Theme](https://github.com/syntaxfm/syntax-zed-theme).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"ff33dea1e6e98eecc3f76475352cd8d2688d5c5cd628f2395d4bbed2d65f3bdf","slug":"is-cursor-ai-the-vs-code-killer","md_file":"/shows/823 - Is Cursor AI the VS Code Killer.md","created_at":"2024-09-09T15:00:25.805Z","updated_at":"2024-09-09T15:00:25.805Z","show_type":"TASTY","guests":[],"notesFile":"/shows/823 - Is Cursor AI the VS Code Killer.md","displayNumber":"823","displayDate":"September 18th, 2024"},{"id":"syntax_podcast_show_00822","number":822,"title":"Receipt Printer with JavaScript","date":"2024-09-16T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_822.mp3","youtube_url":"https://www.youtube.com/watch?v=tqZjSY-8N1E","show_notes":"\nWes 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:38](#t=00:38)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[01:10](#t=01:10)** What is Hack Week?\n* **[01:41](#t=01:41)** The project.\n * [Follow the posts on X](https://twitter.com/wesbos/status/1827029875204489290).\n* **[02:40](#t=02:40)** Why a receipt printer?\n* **[03:55](#t=03:55)** How do these printers work?\n * [ESC/POS](https://github.com/escpos).\n* **[05:20](#t=05:20)** Communicating with the printer.\n* **[07:24](#t=07:24)** ESC/POS Encoder.\n* [ESC/POS Encoder](https://github.com/NielsLeenheer/EscPosEncoder).\n* **[08:42](#t=08:42)** Socket issues.\n* **[09:56](#t=09:56)** Using Transformers.js to stop 'toxic comments'.\n * [Xenova's toxic-bert](https://huggingface.co/Xenova/toxic-bert).\n * [Implementation in Wes' code](https://github.com/wesbos/thermal-printer/blob/main/lib/sfw.ts).\n* **[10:48](#t=10:48)** Back to socket issues.\n* **[12:18](#t=12:18)** Integrating with Sentry.\n* **[15:01](#t=15:01)** Printing images with Playwright.\n* **[16:17](#t=16:17)** Was it worth it?\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"e343145d32837316cbb0eb139522d413da4ff9e573fdd95603c514a265954f93","slug":"receipt-printer-with-javascript","md_file":"/shows/822 - Receipt Printer with JavaScript .md","created_at":"2024-09-03T18:00:19.762Z","updated_at":"2024-09-03T18:00:19.762Z","show_type":"HASTY","guests":[],"notesFile":"/shows/822 - Receipt Printer with JavaScript .md","displayNumber":"822","displayDate":"September 16th, 2024"},{"id":"syntax_podcast_show_00821","number":821,"title":"Is Tauri the Electron Killer?","date":"2024-09-13T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_821.mp3","youtube_url":"https://youtu.be/nYNxnLXFbKE","show_notes":"\nIn 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[02:01](#t=02:01)** What is [Tauri](https://tauri.app/)?\n* **[02:59](#t=02:59)** What's new in Tauri 2.0?\n* **[06:41](#t=06:41)** The benefits of Tauri over [Electron](https://www.electronjs.org/)\n* **[11:28](#t=11:28)** Can you use [Node](https://nodejs.org/)?\n* **[14:21](#t=14:21)** Mac, Linux, and Windows\n * [Verso](https://github.com/versotile-org/verso)\n * [Servo](https://servo.org/)\n* **[25:05](#t=25:05)** How does Tauri make money?\n * [CrabNebula](https://crabnebula.dev/)\n* **[30:05](#t=30:05)** Brought to you by [Sentry.io](https://sentry.io)\n* **[30:30](#t=30:30)** Accessing Swift from JavaScript\n* **[31:44](#t=31:44)** What's the hardest part of a project like this?\n * [Haptics Plugin](https://github.com/crabnebula-dev/plugins-workspace/blob/feat/haptics/plugins/haptics/ios/Sources/HapticsPlugin.swift)\n* **[37:00](#t=37:00)** Some of the apps that have shipped with Tauri\n * [Cody](https://sourcegraph.com/cody)\n * [GitButler](https://gitbutler.com/)\n * [Tauri Discord](https://discord.com/invite/tauri)\n * [Awesome Tauri](https://github.com/tauri-apps/awesome-tauri)\n* **[43:18](#t=43:18)** The future of Tauri\n* **[50:23](#t=50:23)** Sick Picks & Shameless Plugs\n\n### Links\n * [Rustlings](https://github.com/rust-lang/rustlings)\n * [Cassidy Williams](https://cassidoo.co/)\n\n### Sick Picks\n\n- Daniel: [5secondfilms](https://www.youtube.com/channel/UCG9lNhVqk9luFLxBKDzuO9g)\n\n### Shameless Plugs\n\n- Guest: [Manufacturing European Software (Coming Soon)](https://denjell.com/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"dbcdfbb2146f6d212f32694706e761c36c13cd82cf1d847149b01e3b29f3d8a4","slug":"is-tauri-the-electron-killer","md_file":"/shows/821 - Tauri w: Daniel Thompson-Yvetot.md","created_at":"2024-09-12T21:00:31.819Z","updated_at":"2024-09-12T21:00:31.819Z","show_type":"SUPPER","guests":[{"Guest":{"github":"tauri-apps","name":"Daniel Thompson-Yvetot"}}],"notesFile":"/shows/821 - Tauri w: Daniel Thompson-Yvetot.md","displayNumber":"821","displayDate":"September 13th, 2024"},{"id":"syntax_podcast_show_00820","number":820,"title":"Potluck: 8000 ESLint Errors × HTML Time Tag × 7 Meg React Bundle × CSS Modules","date":"2024-09-11T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_820.mp3","youtube_url":"https://www.youtube.com/watch?v=RBUU3mOwo-E","show_notes":"\nIn 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:38](#t=00:38)** [Commentating basketball](https://twitter.com/wesbos/status/1825910002290212891).\n* **[01:16](#t=01:16)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:09](#t=02:09)** The video podcast doesn't translate well to audio.\n* **[04:08](#t=04:08)** Many small npm packages vs a few large.\n* **[09:55](#t=09:55)** Developers dealing with WFH, ADHD, and kids.\n* **[15:59](#t=15:59)** CSS modules for scoping styles to components.\n* **[20:55](#t=20:55)** Scoped CSS in React?\n* **[23:21](#t=23:21)** Reducing JS bundle sizes.\n * [Bundle Phobia](https://bundlephobia.com/).\n * [Javascript Bundle Analysis [Beta]](https://docs.codecov.com/docs/javascript-bundle-analysis).\n* **[29:44](#t=29:44)** Balancing learning, doing, and teaching.\n* **[33:04](#t=33:04)** Making maps local first.\n* **[36:20](#t=36:20)** How to pronounce 'schema'.\n * [Wes Bos Tweet](https://twitter.com/wesbos/status/1828450505414115425).\n* **[37:09](#t=37:09)** [HTML tag](https://www.w3schools.com/tags/tag_time.asp).\n* **[40:11](#t=40:11)** Where to get replacement ear cups for headphones?\n * [wickedcussions](https://wickedcushions.com/).\n * [Scott's Audeze Headphones](https://www.audeze.com/products/lcd-1).\n* **[42:21](#t=42:21)** [ESLint](https://eslint.org/) and hiding errors.\n* **[48:48](#t=48:48)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Allen Wrench Set](https://amzn.to/4fZqcGd).\n- Wes: [Clarkson's Farm – Amazon Prime](https://www.primevideo.com/detail/Clarksons-Farm/0SHGKA0J8D4G01ZGD647627NEJ).\n\n### Shameless Plugs\n\n- Wes: [Syntax.fm](https://syntax.fm), [YouTube](https://youtube.com/@syntaxfm)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"826bb66da7a93e3cccf0e90eae97e496ff354b2f859009f77431622361a9c3c5","slug":"potluck-8000-eslint-errors-html-time-tag-7-meg-react-bundle-css-modules","md_file":"/shows/820 - Potluck 8000 ESLint Errors.md","created_at":"2024-08-29T14:00:56.751Z","updated_at":"2024-08-29T14:18:25.695Z","show_type":"TASTY","guests":[],"notesFile":"/shows/820 - Potluck 8000 ESLint Errors.md","displayNumber":"820","displayDate":"September 11th, 2024"},{"id":"syntax_podcast_show_00819","number":819,"title":"Fun & Profitable Side Projects for Developers","date":"2024-09-09T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_819.mp3","youtube_url":"https://www.youtube.com/watch?v=jNG_tLuj4Vg","show_notes":"\nScott 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:11](#t=01:11)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[01:27](#t=01:27)** Wes' Hack Week project.\n* **[02:30](#t=02:30)** Scott's Hack Week project.\n* **[04:18](#t=04:18)** Where do you get ideas for side projects?\n* **[09:22](#t=09:22)** End goals for a side project.\n* **[14:47](#t=14:47)** Other end goals.\n* **[16:45](#t=16:45)** What tech should you use?\n * [drop-in](https://github.com/stolinski/drop-in).\n* **[20:34](#t=20:34)** Keeping notes.\n* **[23:14](#t=23:14)** Finishing side projects.\n* **[26:39](#t=26:39)** Shameless Plugisode!\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"6ce437d85f62aec363975b9896cfe5f1e29caa7fd8497cc1eadacdfc21b91e4f","slug":"fun-and-profitable-side-projects-for-developers","md_file":"/shows/819 - Fun & Profitable Side Projects for Developers.md","created_at":"2024-08-27T15:00:26.010Z","updated_at":"2024-08-29T14:18:25.663Z","show_type":"HASTY","guests":[],"notesFile":"/shows/819 - Fun & Profitable Side Projects for Developers.md","displayNumber":"819","displayDate":"September 9th, 2024"},{"id":"syntax_podcast_show_00818","number":818,"title":"CJ × Hosting Meetups - Lunch and Learn","date":"2024-09-06T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_818.mp3","youtube_url":"https://youtu.be/McEyirnJqBM","show_notes":"\nIn 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:35](#t=01:35)** Brought to you by [Sentry.io](https://sentry.io)\n* **[01:49](#t=01:49)** CJ's history hosting meetups\n * [DenverScript](https://denverscript.com/)\n * [Code Talent](https://www.code-talent.com/)\n* **[06:35](#t=06:35)** How do you structure a meetup?\n* **[09:50](#t=09:50)** How do you raise awareness for a meetup and get people to attend?\n * [Meetup.com](https://meetup.com)\n * [Guild](https://guild.host/)\n* **[13:27](#t=13:27)** How to pay for a meetup\n* **[15:22](#t=15:22)** How to get speakers at meetups\n* **[16:50](#t=16:50)** The length of these talks\n* **[17:03](#t=17:03)** Does live-streaming hurt attendance?\n * [Syntax 806 - The King of Drag and Drop: Alex Reardon](https://syntax.fm/show/806/the-king-of-drag-and-drop-alex-reardon)\n* **[19:32](#t=19:32)** Is there a vetting process for finding speakers?\n * [Syntax 019 - How to Get Into Speaking at Conferences](https://syntax.fm/show/19/how-to-get-into-speaking-at-conferences)\n* **[24:26](#t=24:26)** A meetup doesn't have to be talks\n * [Develop Happy Hour](https://www.meetup.com/develop-happy-hour/)\n* **[27:48](#t=27:48)** What's the worst part about hosting a meetup?\n* **[29:37](#t=29:37)** What was your first meetup like?\n* **[33:27](#t=33:27)** What's the best meetup you’ve been to and why?\n* **[37:10](#t=37:10)** How to be a good attendee\n* **[40:45](#t=40:45)** Are meetups back?\n* **[44:00](#t=44:00)** Tips for organizing a great meetup\n* **[45:29](#t=45:29)** How to find a meetup\n* **[47:37](#t=47:37)** Sick Picks & Shameless Plugs\n\n### Sick Picks\n\n- CJ: [Fillo's Walking Tamales](https://www.fillos.com/pages/walking-tamales?srsltid=AfmBOopCEmXcB7Xp253yDJ7AOzE697ElhaB4HkigLdcXiXFdC9ITu-QB)\n\n### Shameless Plugs\n\n- CJ:\n * [DenverScript](https://denverscript.com/)\n * [You Should Use Hono in your Next Project](https://youtu.be/sYZW8TK2IV4?si=zOYGQdH9NVXuboRb)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)","hash":"6cf0da4910e8ff5645d460d1f90b3de1a0e0313739a5295d67ccc8ba58fda513","slug":"cj-hosting-meetups-lunch-and-learn","md_file":"/shows/818 - CJ × Hosting Meetups - Lunch and Learn.md","created_at":"2024-09-06T15:00:09.442Z","updated_at":"2024-09-06T15:00:09.442Z","show_type":"SUPPER","guests":[{"Guest":{"github":"w3cj","name":"CJ Reynolds"}}],"notesFile":"/shows/818 - CJ × Hosting Meetups - Lunch and Learn.md","displayNumber":"818","displayDate":"September 6th, 2024"},{"id":"syntax_podcast_show_00817","number":817,"title":"You Need These 30 Apps - PART 1","date":"2024-09-04T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_817.mp3","youtube_url":"https://www.youtube.com/watch?v=U5VRgE_YXo4","show_notes":"\nScott 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:03](#t=01:03)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[01:27](#t=01:27)** File management applications.\n * **[01:43](#t=01:43)** [DaisyDisk](https://daisydiskapp.com/).\n * **[04:19](#t=04:19)** [Marta](https://marta.sh/).\n * **[07:50](#t=07:50)** [EasyFind](https://easyfind.en.softonic.com/mac).\n * **[10:16](#t=10:16)** [Czkawka](https://github.com/qarmin/czkawka).\n * **[12:53](#t=12:53)** [Backblaze](https://www.backblaze.com/).\n * **[14:40](#t=14:40)** [Hazel](https://www.noodlesoft.com/).\n * **[17:42](#t=17:42)** [AutoMounter](https://www.pixeleyes.co.nz/automounter/).\n* **[18:43](#t=18:43)** Media applications.\n * **[18:52](#t=18:52)** Automator HIEC to JPG.\n * **[20:04](#t=20:04)** Rant on QuickView.\n * **[20:32](#t=20:32)** DVD idea.\n * **[22:06](#t=22:06)** [IINA](https://iina.io/).\n * **[24:07](#t=24:07)** [Capture One](https://www.captureone.com/en).\n * **[25:02](#t=25:02)** [YouTube Enhance](https://chromewebstore.google.com/detail/enhancer-for-youtube/ponfpcnoihfmfllpaingbgckeeldkhle?pli=1).\n * **[27:16](#t=27:16)** [HandBrake](https://handbrake.fr/).\n * **[28:05](#t=28:05)** [MakeMKV](https://www.makemkv.com/).\n * **[30:33](#t=30:33)** [Overkill for Mac](https://github.com/KrauseFx/overkill-for-mac).\n * **[33:42](#t=33:42)** [Search by Image](https://chromewebstore.google.com/detail/search-by-image/cnojnbdhbhnkbcieeekonklommdnndci).\n * **[37:09](#t=37:09)** [eqMac](https://eqmac.app/).\n* **[37:37](#t=37:37)** Utility applications.\n * **[37:52](#t=37:52)** [Stats](https://github.com/exelban/stats?tab=readme-ov-file) & [iStat](https://istat-menus.en.softonic.com/mac?ex=RAMP-2081.0) Menu.\n* **[40:19](#t=40:19)** Alternatives to popular Mac applications.\n * **[40:23](#t=40:23)** [Ice](https://github.com/jordanbaird/Ice).\n * **[41:03](#t=41:03)** [PearCleaner](https://github.com/alienator88/Pearcleaner).\n * **[43:08](#t=43:08)** [Numi](https://numi.app/).\n * **[44:17](#t=44:17)** [Bottom (btm)](https://github.com/ClementTsang/bottom).\n * **[44:53](#t=44:53)** [Sip Color Picker](https://sipapp.io/).\n* **[50:25](#t=50:25)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Wilde Chips](https://www.wildebrands.com/)\n- Wes: [Apple TV+: The Big Conn](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_)\n\n### Shameless Plugs\n\n- Scott: [Syntax on YouTube](https://www.youtube.com/@syntaxfm)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"712ed35e95f74a13085d5394f88b811a4052240b36b47e635aee9b560a3969d2","slug":"you-need-these-30-apps-part-1","md_file":"/shows/817 - You Need These 30 Apps PART 1.md","created_at":"2024-08-28T14:51:38.121Z","updated_at":"2024-08-29T14:18:25.629Z","show_type":"TASTY","guests":[],"notesFile":"/shows/817 - You Need These 30 Apps PART 1.md","displayNumber":"817","displayDate":"September 4th, 2024"},{"id":"syntax_podcast_show_00816","number":816,"title":"Why Your CSS Sucks","date":"2024-09-02T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_816.mp3","youtube_url":"https://www.youtube.com/watch?v=NwX9uPWs2t0","show_notes":"\nScott 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:33](#t=00:33)** [Breakdancing](https://olympics.com/en/paris-2024/sports/breaking) in the Olympics.\n* **[05:29](#t=05:29)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[05:44](#t=05:44)** Why your CSS sucks.\n* **[07:01](#t=07:01)** You’re styling the wrong element.\n* **[11:01](#t=11:01)** Nesting too deep.\n* **[12:37](#t=12:37)** You don’t understand specificity.\n* **[14:56](#t=14:56)** Your classes don’t use a system.\n* **[16:24](#t=16:24)** You’re using values instead of CSS vars.\n* **[20:16](#t=20:16)** You don’t understand block vs inline vs inline-block.\n * [CSS Logical Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values)\n* **[21:16](#t=21:16)** You aren’t using the right tool for the job.\n * [CSS Flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox), [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout).\n* **[24:15](#t=24:15)** You’re setting the value in too many places.\n* **[24:31](#t=24:31)** You’re scoping to tightly or not tightly enough.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"7acd83240ef7d20a9c597b74a4454b59b07b5d8c7d725941e9a8ca30fdd07659","slug":"why-your-css-sucks","md_file":"/shows/816 - Why Your CSS Sucks.md","created_at":"2024-08-22T21:00:29.350Z","updated_at":"2024-08-29T14:18:25.597Z","show_type":"HASTY","guests":[],"notesFile":"/shows/816 - Why Your CSS Sucks.md","displayNumber":"816","displayDate":"September 2nd, 2024"},{"id":"syntax_podcast_show_00815","number":815,"title":"Deno 2 with Ryan Dahl","date":"2024-08-30T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_815.mp3","youtube_url":"https://youtu.be/tZBCq8Ijkgw","show_notes":"\nIn 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:34](#t=00:34)** What is [Deno](https://deno.com/)?\n* **[05:08](#t=05:08)** Deno 2.0\n* **[07:49](#t=07:49)** NPM compatibility\n* **[09:40](#t=09:40)** What parts of Node aren't doable in Deno?\n* **[11:22](#t=11:22)** Do we need a hard break from Require?\n* **[13:51](#t=13:51)** Package management\n* **[16:25](#t=16:25)** Security and performance benefits of Deno\n* **[20:57](#t=20:57)** Brought to you by [Sentry.io](https://sentry.io)\n* **[20:57](#t=20:57)** Thoughts on Bun and Node additions\n* **[26:25](#t=26:25)** Ryan's favorite Deno projects\n * [Lume](https://lume.land/)\n * [Fresh](https://fresh.deno.dev/)\n * [webgpu-examples](https://github.com/denoland/webgpu-examples)\n * [gpucraft minecraft clone + deno + webgpu](https://github.com/brendan-duncan/gpucraft)\n * [gpucraft example](https://www.youtube.com/watch?v=vTJvjBG-GLs)\n * [Shaderplay](https://github.com/littledivy/shaderplay)\n * [Orillusion](https://github.com/littledivy/deno_sdl2/blob/webgpu_external_surface/webgpu-examples/orillusion.ts)\n* **[28:42](#t=28:42)** Will we ever see a unified file system API?\n* **[31:49](#t=31:49)** Typescript\n* **[36:12](#t=36:12)** [Jupyter Notebooks with Deno](https://blog.jupyter.org/bringing-modern-javascript-to-the-jupyter-notebook-fc998095081e)\n * [Polars](https://pola-rs.github.io/nodejs-polars/)\n* **[39:11](#t=39:11)** AI and WASM in JavaScript\n* **[42:01](#t=42:01)** Deno 2.0 features and future\n* **[43:08](#t=43:08)** Sick Picks & Shameless Plugs\n\n### Sick Picks\n\n- Ryan: [McCarren Park](https://www.google.com/search?q=mccarren+park)\n\n### Shameless Plugs\n\n- Ryan: [https://deno.com/enterprise](https://deno.com/enterprise)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)","hash":"8bbbe3215dd79b66de63df832a5232f1db81508acebaeecc1bc44df1510c9a8e","slug":"deno-2-with-ryan-dahl","md_file":"/shows/815 - Deno 2 with Ryan Dahl.md","created_at":"2024-08-30T13:35:46.683Z","updated_at":"2024-08-30T13:35:46.683Z","show_type":"SUPPER","guests":[{"Guest":{"github":"ry","name":"Ryan Dahl"}}],"notesFile":"/shows/815 - Deno 2 with Ryan Dahl.md","displayNumber":"815","displayDate":"August 30th, 2024"},{"id":"syntax_podcast_show_00814","number":814,"title":"Fundamentals: HTML","date":"2024-08-28T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_814_final.mp3","youtube_url":"https://www.youtube.com/watch?v=0BHxZQm7ILk","show_notes":"\nIn 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[02:33](#t=02:33)** Brought to you by [Sentry.io](https://sentry.io)\n* **[03:25](#t=03:25)** Why HTML is important\n* **[06:52](#t=06:52)** Semantic vs non-semantic\n* **[07:58](#t=07:58)** The basic structure of an HTML page\n * [HTML elements reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Element)\n * [The Main element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main)\n* **[08:45](#t=08:45)** Doctype\n* **[15:24](#t=15:24)** Nav\n* **[18:47](#t=18:47)** Section\n* **[20:41](#t=20:41)** Aside\n* **[22:09](#t=22:09)** Article\n* **[22:54](#t=22:54)** Span\n* **[27:18](#t=27:18)** Why use a span when you have a div and a paragraph tag?\n* **[29:29](#t=29:29)** Figure and Caption\n* **[31:16](#t=31:16)** Fieldset\n* **[31:53](#t=31:53)** UL vs OL\n* **[32:44](#t=32:44)** DFN\n * [The Definition element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn)\n* **[34:16](#t=34:16)** Form\n* **[36:56](#t=36:56)** Button vs Anchor\n* **[38:22](#t=38:22)** Headings\n * [674 - A11y Treats - Heading Design](https://syntax.fm/show/674/a11y-treats-heading-design)\n* **[40:21](#t=40:21)** Output\n * [The Output element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output)\n* **[41:46](#t=41:46)** Dialog\n* **[42:04](#t=42:04)** Tables\n* **[44:03](#t=44:03)** Media\n * [media-chrome](https://github.com/muxinc/media-chrome)\n* **[45:06](#t=45:06)** Canvas\n * [https://githubuniverse.com/](https://githubuniverse.com/)\n * [https://maximeheckel.com/](https://maximeheckel.com/)\n* **[46:07](#t=46:07)** On graphics programming\n* **[47:38](#t=47:38)** Search\n * [354 - The Surprisingly Exciting World of HTML Elements](https://syntax.fm/show/354/the-surprisingly-exciting-world-of-html-elements)\n* **[48:27](#t=48:27)** Sick Picks + Shameless Plugs\n\n### Sick Picks\n\n- Scott: [2Pack Traditional Natural Bamboo Wok Brushes](https://amzn.to/4co51dS)\n- Wes: [Logitech MX Master 3S](https://amzn.to/46MXmVd)\n\n### Shameless Plugs\n\n- [Syntax YouTube Channel](https://www.youtube.com/@syntaxfm)\n- [The Easiest Way to Infinite Scroll with React | Full Example](https://www.youtube.com/watch?v=nR85ayDEVBc)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)","hash":"169696285daa949a0d2e90534cf325edd81644ecc26b7307f844b39dc6f49ae6","slug":"fundamentals-html","md_file":"/shows/814 - Fundamentals HTML.md","created_at":"2024-08-28T14:51:38.044Z","updated_at":"2024-09-12T21:00:31.683Z","show_type":"TASTY","guests":[],"notesFile":"/shows/814 - Fundamentals HTML.md","displayNumber":"814","displayDate":"August 28th, 2024"},{"id":"syntax_podcast_show_00813","number":813,"title":"CSS: Scroll Driven Animations","date":"2024-08-26T07:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_813_final.mp3","youtube_url":"https://youtu.be/JhTMIBLCaNw","show_notes":"\nIn 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.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:46](#t=00:46)** Brought to you by [Sentry.io](https://sentry.io)\n* **[01:35](#t=01:35)** Scroll-driven animations\n * [Syntax 695: 5 New CSS Features You Should Know](https://syntax.fm/show/695/5-new-css-features-you-should-know)\n * [Scroll-driven animations demos and tools](https://scroll-driven-animations.style/)\n* **[04:13](#t=04:13)** [@keyframes](https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes)\n* **[05:22](#t=05:22)** [animation-timeline](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline)\n* **[11:35](#t=11:35)** [animation-range](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-range)\n* **[08:49](#t=08:49)** View-based timelines\n* **[17:45](#t=17:45)** [Neat uses: Dave Rupert on styling :stuck](https://daverupert.com/2023/08/animation-timeline-scroll-shadows/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)","hash":"966f785dc3fd1d75206847b4c8f3e8178d17389c6da41e74869c712aea8203fc","slug":"css-scroll-driven-animations","md_file":"/shows/813 - CSS Scroll Driven Animations.md","created_at":"2024-08-25T21:00:38.885Z","updated_at":"2024-08-29T14:18:25.534Z","show_type":"HASTY","guests":[],"notesFile":"/shows/813 - CSS Scroll Driven Animations.md","displayNumber":"813","displayDate":"August 26th, 2024"},{"id":"syntax_podcast_show_00812","number":812,"title":"CSS 4, 5, and 6! With Google’s Una and Adam","date":"2024-08-23T06:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_812_final.mp3","youtube_url":"https://www.youtube.com/watch?v=lNbHrjIuwxc","show_notes":"\nIn this episode of Syntax, Wes and Scott talk with Una Kravetz and Adam Argyle from Google Chrome about the evolution of CSS, new features, and the push toward more advanced UI capabilities on the web. They discuss the introduction of CSS versioning, exciting new properties like text-box-trim, state queries and scroll state functionalities, select, and more! \n\n### Show Notes\n\n* **[00:00](#t=00:00)** - Welcome to Syntax!\n* **[01:43](#t=01:43)** - Brought to you by [Sentry.io](https://sentry.io)\n* **[02:19](#t=02:19)** - The evolution of CSS\n* **[04:07](#t=04:07)** - CSS versioning and spec levels\n * [CSS RFC](https://github.com/CSS-Next/css-next/discussions/92)\n* **[17:49](#t=17:49)** - Use-cases for allow-discrete\n* **[20:34](#t=20:34)** - State queries\n* **[24:19](#t=24:19)** - Where does the baseline data come from?\n* **[25:17](#t=25:17)** - Will the RFC become official?\n * [The latest in Web UI (Google I/O ‘24)](https://www.youtube.com/watch?v=_-6LgEjEyzE)\n* **[27:33](#t=27:33)** - New features Una is excited about\n* **[29:44](#t=29:44)** - Select\n * [https://open-ui.org/components/customizableselect](https://open-ui.org/components/customizableselect)\n * [https://codepen.io/argyleink/pen/YzoEPOG](https://codepen.io/argyleink/pen/YzoEPOG)\n* **[38:31](#t=38:31)** - New features Adam is excited about\n* **[39:24](#t=39:24)** - text-box-trim\n* **[40:59](#t=40:59)** - State queries\n* **[54:56](#t=54:56)** - Sick Picks + Shameless Plugs\n\n### Sick Picks\n\n- Una: [Logitech MX Master 3](https://amzn.to/4dkGGHj)\n- Adam: [Teenage Engineering K.O. II](https://teenage.engineering/store/ep-133)\n\n### Shameless Plugs\n\n- Una: [Una.im](https://una.im)\n- Adam: [The CSS Podcast](https://goo.gle/TheCSSpodcast)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)","hash":"3cad6791766ac2875bf23616dc6e06f40752ebbc248f80c38aa26bec35970231","slug":"css-4-5-and-6-with-google-s-una-and-adam","md_file":"/shows/812 - CSS 4, 5, and 6! With Google’s Una and Adam.md","created_at":"2024-08-23T21:00:29.073Z","updated_at":"2024-08-29T14:18:25.470Z","show_type":"SUPPER","guests":[{"Guest":{"github":"argyleink","name":"Adam Argyle"}},{"Guest":{"github":"una","name":"Una Kravets"}}],"notesFile":"/shows/812 - CSS 4, 5, and 6! With Google’s Una and Adam.md","displayNumber":"812","displayDate":"August 23rd, 2024"},{"id":"syntax_podcast_show_00811","number":811,"title":"NodeJS Evolves","date":"2024-08-21T06:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_811_final.mp3","youtube_url":"https://youtu.be/8oU_TTbG-O8","show_notes":"\nIn this episode of Syntax, Wes and Scott talk about the latest features in Node.js, including native support for TypeScript, .env parsing, a built-in test runner, watch mode, SQLite integration, glob support, and top-level await. They also discuss some wishlist items, and experimental features like WebSocket support and the require module.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:13](#t=01:13)** Brought to you by [Sentry.io](https://sentry.io)\n* **[01:37](#t=01:37)** Node.js new features\n * [Deno](https://deno.com/)\n * [Bun](https://bun.sh/)\n* **[02:51](#t=02:51)** [TypeScript](https://nodejs.org/api/typescript.html)\n * [tsx](https://www.npmjs.com/package/tsx)\n * [swc/wasm-typescript](https://swc.rs/docs/references/wasm-typescript)\n* **[10:03](#t=10:03)** [SQLite v22.5](https://nodejs.org/api/sqlite.html)\n* **[14:35](#t=14:35)** [.env support](https://nodejs.org/en/blog/release/v20.6.0#built-in-env-file-support)\n* **[16:24](#t=16:24)** [Test runner](https://nodejs.org/api/test.html)\n * [Jest](https://jestjs.io/)\n* **[19:42](#t=19:42)** [Watch Mode](https://nodejs.org/api/cli.html#--watch)\n * [nodemon](https://nodemon.io/)\n* **[21:22](#t=21:22)** [Glob support](https://nodejs.org/docs/latest/api/globals.html)\n* **[22:48](#t=22:48)** [Top-Level Await](https://github.com/tc39/proposal-top-level-await)\n * [Top-level `await` is a footgun](https://gist.github.com/Rich-Harris/0b6f317657f5167663b493c722647221)\n* **[26:40](#t=26:40)** [Experimental require module](https://nodejs.org/api/esm.html)\n * [Default ESM Detection](https://nodejs.org/en/blog/announcements/v21-release-announce#esm---experimental-default-type-flag-to-flip-module-defaults)\n * [Web request standards](https://github.com/nodejs/node/pull/45684)\n * [HonoJS](https://hono.dev/)\n* **[29:39](#t=29:39)** [Experimental WebSocket support](https://nodejs.org/en/blog/announcements/v21-release-announce#built-in-websocket-client)\n* **[30:13](#t=30:13)** [Async local storage](https://nodejs.org/api/async_context.html#class-asynclocalstorage)\n* **[31:43](#t=31:43)** [Single file executables](https://nodejs.org/api/single-executable-applications.html#single-executable-applications)\n* **[32:46](#t=32:46)** Wishlist\n * **[32:54](#t=32:54)** Hot reload\n * **[34:20](#t=34:20)** Window shim\n * [globalThis](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis)\n * **[35:30](#t=35:30)** Better server\n * **[35:56](#t=35:56)** Better terminal integration\n * [NIM](https://chromewebstore.google.com/detail/nodejs-v8-inspector-manag/gnhhdgbaldcilmgcpfddgdbkhjohddkj)\n * [styleText](https://nodejs.org/en/blog/release/v21.7.0#text-styling)\n * [chalk](https://github.com/chalk/chalk)\n * [warp](https://www.warp.dev/)\n* **[41:36](#t=41:36)** [Twitter responses](https://x.com/wesbos/status/1820838696444203036)\n * [Coolify](https://coolify.io/)\n * [n](https://github.com/tj/n)\n* **[46:54](#t=46:54)** Sick Picks + Shameless Plugs\n\n### Sick Picks\n\n- Scott: [Cascadia](https://amzn.to/3WRtrYC)\n- Wes: [Roborock Qrevo](https://roborock.com)\n\n### Shameless Plugs\n\n- Scott: [YouTube Channel](https://youtube.com/@syntaxfm)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)","hash":"0dfd52d0774bdcccc22d175d8525611fd0c7ddc8edb0f179c2bf03aecdbe58cf","slug":"nodejs-evolves","md_file":"/shows/811 - NodeJS Evolves.md","created_at":"2024-08-21T00:00:25.048Z","updated_at":"2024-08-29T14:18:25.438Z","show_type":"TASTY","guests":[],"notesFile":"/shows/811 - NodeJS Evolves.md","displayNumber":"811","displayDate":"August 21st, 2024"},{"id":"syntax_podcast_show_00810","number":810,"title":"Effortless Light and Dark Mode × Theme Styling","date":"2024-08-19T06:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_810_final.mp3","youtube_url":"https://www.youtube.com/watch?v=rj4KQEdzK_U","show_notes":"\nIn this episode of Syntax, Wes and Scott talk about the latest CSS theming properties and techniques for better controlling light and dark modes, as well as creating comprehensive color systems for applications and websites. Make sure to check out the video version of this episode for practical code examples, and explanations of light/dark function, CSS variables, meta tags for theme colors, accent color, color mix, and upcoming features like style queries and color contrast.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:36](#t=01:36)** Brought to you by [Sentry.io](https://sentry.io)\n* **[03:45](#t=03:45)** [theme-color](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color)\n* **[10:12](#t=10:12)** [color-scheme](https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme)\n* **[15:14](#t=15:14)** [light-dark()](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark)\n* **[17:44](#t=17:44)** How to force light or dark mode\n* **[23:03](#t=23:03)** Live debugging box-shadow\n* **[28:05](#t=28:05)** [color-mix()](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-mix)\n* **[29:53](#t=29:53)** [accent-color](https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color)\n* **[31:27](#t=31:27)** [Relative color syntax](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors)\n* **[35:49](#t=35:49)** [Style queries](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_size_and_style_queries) and [color-contrast()](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-contrast)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)","hash":"4485fe216e4c306b183583834c8db447cb7eba4351cf0d9ee6c18c92e94d6e5a","slug":"effortless-light-and-dark-mode-theme-styling","md_file":"/shows/810 - Effortless Light and Dark Mode × Theme Styling.md","created_at":"2024-08-16T21:00:51.252Z","updated_at":"2024-08-29T14:18:25.401Z","show_type":"HASTY","guests":[],"notesFile":"/shows/810 - Effortless Light and Dark Mode × Theme Styling.md","displayNumber":"810","displayDate":"August 19th, 2024"},{"id":"syntax_podcast_show_00809","number":809,"title":"How To Stay Up To Date with Daily.dev’s Francesco Ciulla","date":"2024-08-16T06:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_809_final.mp3","youtube_url":"https://www.youtube.com/watch?v=D9kW5RW4tAU","show_notes":"\nIn this episode of Syntax, Scott and Wes talk with Daily.dev’s Francesco Ciulla about the platform's history, community features, and significant growth. They dive into the core ideas behind daily.dev, including its personalized feed for developers, new features like squads, community contributions, and tech stack. Francesco also shares his passion for Rust, and highlights the importance of content creation in the ever-evolving tech landscape. \n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:36](#t=00:36)** Brought to you by [Sentry.io](https://sentry.io)\n* **[01:24](#t=01:24)** Overview and features of daily.dev\n* **[07:05](#t=07:05)** daily.dev's origin story\n* **[10:06](#t=10:06)** How [Product Hunt](https://producthunt.com) fueled initial growth\n* **[12:21](#t=12:21)** Monetization and business model\n* **[13:53](#t=13:53)** Content and user experience\n * [Syntax Squad](https://app.daily.dev/squads/syntax)\n* **[22:21](#t=22:21)** Written content vs video content\n* **[24:29](#t=24:29)** Tech stack\n * [Terraform](https://www.terraform.io/)\n * [Pulumi](https://www.pulumi.com/)\n * [React](https://react.dev/)\n * [Vercel](https://vercel.com/)\n * [Fastify](https://fastify.dev/)\n * [Postgres](https://www.postgresql.org/)\n * [Go](https://go.dev/)\n* **[25:37](#t=25:37)** Building a positive community\n* **[30:32](#t=30:32)** Moderation and tagging\n* **[35:03](#t=35:03)** Francesco's favorite place to publish right now\n* **[36:56](#t=36:56)** Quadrupling down on Rust\n * [Rust](https://www.rust-lang.org/)\n* **[39:38](#t=39:38)** Francesco's favorite Rust framework\n * [Actix](https://actix.rs/)\n* **[41:18](#t=41:18)** Sick Picks & Shameless Plugs\n\n### Sick Picks\n\n- Francesco: [daily. dev](https://daily.dev)\n\n### Shameless Plugs\n\n- Francesco: [Francesco's YouTube Channel](https://www.youtube.com/@francescociulla)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"d4e46aba09bbb0f9fadcfa20189269873fdba7406ca2816668b8015cf0dffa7e","slug":"how-to-stay-up-to-date-with-daily-dev-s-francesco-ciulla","md_file":"/shows/809 - DailyDev.md","created_at":"2024-08-16T13:56:18.038Z","updated_at":"2024-08-29T14:18:25.329Z","show_type":"SUPPER","guests":[{"Guest":{"github":"FrancescoXX","name":"Francesco Ciulla"}}],"notesFile":"/shows/809 - DailyDev.md","displayNumber":"809","displayDate":"August 16th, 2024"},{"id":"syntax_podcast_show_00808","number":808,"title":"The Future of JavaScript Frameworks × Building Auth × DB Design Tips, and more!","date":"2024-08-14T06:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_808_final.mp3","youtube_url":"https://www.youtube.com/watch?v=4u0M_AqQPbo","show_notes":"\nIn this potluck episode of Syntax, Wes and Scott answer your questions about the future of JavaScript frameworks, building custom authentication systems, limiting API access, using Caddy server proxy for local development, component props in JSX, structuring a relational database, and more!\n\n### Show Notes\n\n- **[00:00](#t=00:00)** - Welcome to Syntax!\n- **[01:48](#t=01:48)** - Brought to you by [Sentry.io](https://sentry.io)\n- **[04:37](#t=04:37)** - The future of JavaScript frameworks\n- **[09:09](#t=09:09)** - How to use [Caddy](https://caddyserver.com/) for local development\n - [SvelteKit](https://kit.svelte.dev/)\n - [Vite](https://vitejs.dev/)\n- **[14:27](#t=14:27)** - When to use an API\n - [Strapi](https://strapi.io/)\n- **[17:38](#t=17:38)** - Where does Scott get his amazing t-shirts?\n - [Sentry.shop](https://sentry.shop)\n - [Syntax Snack Pack](https://syntax.fm/snackpack)\n- **[21:33](#t=21:33)** - Best screwdriver for kids toys\n - [PicQuic Sixpac Plus](https://amzn.to/3SjnS2E)\n - [LTT Screwdriver](https://www.lttstore.com/products/screwdriver)\n- **[24:31](#t=24:31)** - Strategies for database design\n - [MongoDB](https://www.mongodb.com/)\n - [Prisma](https://www.prisma.io/)\n- **[30:21](#t=30:21)** - Do we need frameworks?\n - [796 - Do We Need JS Frameworks × Are You Over-Engineering? × Webview vs Native](https://syntax.fm/show/796/do-we-need-js-frameworks-are-you-over-engineering-webview-vs-native)\n - [Frontend Masters](https://frontendmasters.com/)\n- **[32:19](#t=32:19)** - Best tech stack for building a basic login system\n - [336 - How To Build Your Own Auth](https://syntax.fm/show/336/how-to-build-your-own-auth)\n- **[37:56](#t=37:56)** - Syntax video episodes\n- **[40:25](#t=40:25)** - Component props in JSX\n- **[45:26](#t=45:26)** - Sick Picks & Shameless Plugs\n\n### Sick Picks\n\n- Scott: [Loop Quiet Ear Plugs](https://amzn.to/3yddMJR)\n- Wes: [Gecko's Toes Water Hose Rack](https://amzn.to/46oWSok)\n\n### Shameless Plugs\n\n- Scott: [Syntax YouTube Channel](https://www.youtube.com/@syntaxfm)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n\n","hash":"ec128cb0b9036e9564fe13ebf4ce64567096c89d645b3b44cd7eff74e0b73dab","slug":"the-future-of-javascript-frameworks-building-auth-db-design-tips-and-more","md_file":"/shows/808 - The Future of JavaScript Frameworks ×.md","created_at":"2024-08-14T12:19:26.296Z","updated_at":"2024-08-29T14:18:25.299Z","show_type":"TASTY","guests":[],"notesFile":"/shows/808 - The Future of JavaScript Frameworks ×.md","displayNumber":"808","displayDate":"August 14th, 2024"},{"id":"syntax_podcast_show_00807","number":807,"title":"CSS Components: Tailwind, Panda, Scoped, Modules, Classes, Variables, CSS-in-JS and Sprinkles!","date":"2024-08-12T06:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_807_final.mp3","youtube_url":"https://www.youtube.com/watch?v=Y7fNBj_rhGE","show_notes":"\nIn this episode of Syntax, Wes and Scott talk about CSS components, including class-based components, CSS modules, scoped CSS, utility CSS, and CSS-in-JS strategies. They share their thoughts, what differentiates these approaches, and why you may (or may not) want to use them.\n\n### Show Notes\n\n- **[00:00](#t=00:00)** - Welcome to Syntax!\n- **[01:30](#t=01:30)** - Brought to you by [Sentry.io](https://sentry.io/syntax).\n- **[02:11](#t=02:11)** - What makes a good CSS component system?\n- **[07:54](#t=07:54)** - Component vs part of a component\n- **[13:26](#t=13:26)** - CSS Modules\n- **[15:56](#t=15:56)** - Scoped CSS\n - [@scope](https://caniuse.com/mdn-css_at-rules_scope) - (82% support!) ff behind flag\n - [https://developer.mozilla.org/en-US/docs/Web/CSS/@scope](https://developer.mozilla.org/en-US/docs/Web/CSS/@scope)\n- **[21:07](#t=21:07)** - How is Panda different from styled components?\n - [Panda](https://panda-css.com/)\n - [StyleX](https://stylexjs.com/)\n- **[00:00](#t=00:00)** - Utility CSS\n - [TailwindCSS](https://tailwindcss.com/)\n - [Uno](https://unocss.dev/presets/)\n- **[31:08](#t=31:08)** - Utility Sprinkles\n- **[34:13](#t=34:13)** - CSS variables\n - [open-props.style](https://open-props.style)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"4cb4162172fefaa1dd7f52ad001db55eeda565b3dd8b08976120e4ab715262f7","slug":"css-components-tailwind-panda-scoped-modules-classes-variables-css-in-js-and-sprinkles","md_file":"/shows/807 - CSS Components.md","created_at":"2024-08-12T16:38:32.124Z","updated_at":"2024-08-29T14:18:25.264Z","show_type":"HASTY","guests":[],"notesFile":"/shows/807 - CSS Components.md","displayNumber":"807","displayDate":"August 12th, 2024"},{"id":"syntax_podcast_show_00806","number":806,"title":"The King of Drag and Drop: Alex Reardon","date":"2024-08-09T06:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_806_final.mp3","youtube_url":"https://www.youtube.com/watch?v=CjGn0HahbDE","show_notes":"\nScott and Wes talk with Alex Reardon from Atlassian about developing drag-and-drop libraries, specifically the challenges with creating efficient and accessible drag-and-drop functionalities for the web. They also explore what it takes to build and implement a system that works seamlessly across various frameworks.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:18](#t=01:18)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[01:51](#t=01:51)** What Alex does at [Atlassian](https://www.atlassian.com/)\n * [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd)\n * [Pragmatic drag and drop](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/)\n* **[04:38](#t=04:38)** What makes drag and drop tricky.\n* **[06:38](#t=06:38)** Use-cases.\n* **[10:54](#t=10:54)** What security is in place?\n* **[12:30](#t=12:30)** How to make it feel native.\n* **[19:20](#t=19:20)** Is the drag and drop spec ongoing?\n* **[20:03](#t=20:03)** How do you build this headless? \n* **[21:33](#t=21:33)** How does drag and drop work with frameworks?\n* **[23:48](#t=23:48)** Making drag and drop feel the same across mobile and desktop.\n* **[26:09](#t=26:09)** What's the key to really good drag performance?\n* **[29:58](#t=29:58)** How do you make drag and drop accessible?\n* **[34:57](#t=34:57)** Pragmatic drag and drop code vs application code.\n * [Shoelace](https://shoelace.style/)\n * [shadcn](https://shadcn.com/)\n* **[40:00](#t=40:00)** How does testing work?\n * [Playwright](https://playwright.dev/)\n * [Cypress](https://www.cypress.io/)\n* **[43:15](#t=00:00)** Internal adoption at Atlassian.\n* **[44:27](#t=00:00)** Working on high-impact projects.\n* **[49:15](#t=00:00)** Versioning and internal adoption at Atlassian.\n* **[51:29](#t=00:00)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Alex: Coffee, [James Hoffmann YouTube Channel](https://www.youtube.com/@jameshoffmann).\n\n### Shameless Plugs\n\n- Alex: [Dom Events](https://domevents.dev/).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"a27fe3c11b0f6b9d8c10931b4740ab4051dc99a506e3c1d51cbbe38537555dc5","slug":"the-king-of-drag-and-drop-alex-reardon","md_file":"/shows/806 - The King of Drag and Drop Alex Reardon.md","created_at":"2024-08-09T03:00:53.679Z","updated_at":"2024-08-29T14:18:25.192Z","show_type":"SUPPER","guests":[{"Guest":{"github":"alexreardon","name":"Alex Reardon"}}],"notesFile":"/shows/806 - The King of Drag and Drop Alex Reardon.md","displayNumber":"806","displayDate":"August 9th, 2024"},{"id":"syntax_podcast_show_00805","number":805,"title":"We React to State of React Survey","date":"2024-08-07T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_805.mp3","youtube_url":"https://www.youtube.com/watch?v=lvDkauXwuI0","show_notes":"\nScott and Wes serve up their reaction to the \"State of React 2023\" survey results, discussing the main API pain points like forwardRef and memo. They also explore the latest on state management, hooks pain points, and exciting new libraries in the React ecosystem.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:41](#t=01:41)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:28](#t=02:28)** The [State of React 2023](https://stateofreact.com/en-US).\n* **[03:11](#t=03:11)** The Main API Painpoints.\n * **[04:31](#t=04:31)** forwardRef.\n * **[05:27](#t=05:27)** memo.\n * **[06:39](#t=06:39)** Context API.\n * **[07:18](#t=07:18)** StrictMode.\n * **[08:45](#t=08:45)** Double rendering.\n * **[09:36](#t=09:36)** State management.\n* **[11:58](#t=11:58)** Hooks Pain Points.\n * **[12:11](#t=12:11)** useEffect.\n * **[12:33](#t=12:33)** Dependency arrays.\n* **[13:11](#t=13:11)** New API Pain Points.\n * **[13:19](#t=13:19)** React Server Components.\n * **[14:40](#t=14:40)** Taint API.\n* **[15:19](#t=15:19)** Libraries.\n * **[17:02](#t=17:02)** [Jotai](https://jotai.org/).\n * **[17:45](#t=17:45)** [Apollo Client](https://www.apollographql.com/docs/react/).\n * **[19:05](#t=19:05)** [Redux](https://redux.js.org/).\n * **[20:57](#t=20:57)** [Redwood](https://redwoodjs.com/).\n * **[21:26](#t=21:26)** [React Aria](https://www.npmjs.com/package/react-aria).\n * **[21:55](#t=21:55)** [Astro](https://astro.build/).\n * **[22:04](#t=22:04)** The most negative.\n* **[23:35](#t=23:35)** Component Libraries.\n* **[25:50](#t=25:50)** Other Component Libraries.\n * **[25:53](#t=25:53)** [Mantine](https://mantine.dev/).\n * **[27:47](#t=27:47)** Details element.\n * [Tolin.ski/demos](https://tolin.ski/demos).\n * **[28:59](#t=28:59)** Honorable mentions.\n* **[29:07](#t=29:07)** Animations.\n* **[29:28](#t=29:28)** Data Visualization.\n* **[31:26](#t=31:26)** CSS Tools and Libraries.\n* **[33:14](#t=33:14)** Styled Components.\n* **[34:16](#t=34:16)** Meta Frameworks.\n* **[38:50](#t=38:50)** Hosting.\n* **[40:08](#t=40:08)** Other Services.\n* **[40:45](#t=40:45)** Back-end language trivia.\n* **[43:00](#t=43:00)** State management.\n* **[43:40](#t=43:40)** Data Loading.\n* **[44:08](#t=44:08)** Other Tools.\n* **[44:09](#t=44:09)** Testing Libraries.\n* **[44:45](#t=44:45)** React Renderers.\n* **[47:58](#t=47:58)** Podcasts, thank you!\n* **[48:14](#t=48:14)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Thermacell](https://amzn.to/4bOv6Ta).\n- Wes: Nerf Guns\n\n### Shameless Plugs\n\n- Wes: [Syntax.fm](https://syntax.fm).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"bd9c0056afad0b3853f508ed933e03902966086484b46307d0be16b86e4f84a3","slug":"we-react-to-state-of-react-survey","md_file":"/shows/805 - State of React Survey.md","created_at":"2024-08-06T18:00:06.762Z","updated_at":"2024-08-29T14:18:25.161Z","show_type":"TASTY","guests":[],"notesFile":"/shows/805 - State of React Survey.md","displayNumber":"805","displayDate":"August 7th, 2024"},{"id":"syntax_podcast_show_00804","number":804,"title":"Should Your Website Work Without JavaScript?","date":"2024-08-05T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_804.mp3","youtube_url":"https://www.youtube.com/watch?v=NDK66t7SrSY","show_notes":"\nScott and Wes discuss whether your website really needs JavaScript to function. They explore the principles of web standards, progressive enhancement, and test popular websites like Shopify and Netflix to see how they perform without JavaScript.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:11](#t=00:11)** Take 2\n* **[01:43](#t=01:43)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:19](#t=02:19)** [The clip](https://x.com/syntaxfm/status/1813578180495900887) summarized.\n * **[03:16](#t=03:16)** Your website should load, be readable and be (mostly) styled without JavaScript.\n * **[07:32](#t=07:32)** Web standards first. If it can be done without JavaScript, it should be.\n * **[08:09](#t=08:09)** What if the CSS doesn't load?\n * **[10:20](#t=10:20)** Linking\n * **[10:24](#t=10:24)** Forms.\n * **[12:11](#t=12:11)** Links (Duh, but also c'mon!)\n * **[12:35](#t=12:35)** Query parameters.\n * **[13:57](#t=13:57)** Server render if possible.\n* **[15:20](#t=15:20)** Progressive Enhancement.\n * **[17:24](#t=17:24)** CSS Page Transitions.\n* **[19:07](#t=19:07)** Let’s test websites out.\n * **[19:15](#t=19:15)** Shopify.\n * **[22:16](#t=22:16)** Syntax.fm.\n * **[25:23](#t=25:23)** Netflix.\n * **[27:27](#t=27:27)** Local first and offline service workers.\n * **[29:27](#t=29:27)** TikTok.\n * **[29:33](#t=29:33)** GitHub.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"b892cfbd63a965d3a10d424e925760cd5debf0e0eafd7a672aa075f67695be8d","slug":"should-your-website-work-without-javascript","md_file":"/shows/804 - Should Your Website Work Without JavaScript.md","created_at":"2024-08-01T18:00:44.875Z","updated_at":"2024-08-29T14:18:25.129Z","show_type":"HASTY","guests":[],"notesFile":"/shows/804 - Should Your Website Work Without JavaScript.md","displayNumber":"804","displayDate":"August 5th, 2024"},{"id":"syntax_podcast_show_00803","number":803,"title":"The SQLite Takeover with Turso’s Glauber Costa","date":"2024-08-02T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_803.mp3","youtube_url":"https://www.youtube.com/watch?v=pMSdxRgB8R0","show_notes":"\nScott and Wes chat with Glauber Costa from Turso about the evolution of databases and the fascinating technology behind Turso. They dive into topics like the benefits of massive multi-tenancy, vector search, and why Glauber made the switch from NoSQL to relational databases.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:36](#t=00:36)** Turso's relationship with [Drizzle](https://orm.drizzle.team/).\n* **[02:10](#t=02:10)** What is [Turso](https://turso.tech/)?\n* **[04:23](#t=04:23)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[04:48](#t=04:48)** Using libSQL without Turso.\n* **[06:21](#t=06:21)** An explanation of Vector Search.\n* **[07:16](#t=07:16)** Vector databases are being 'Sherlocked' by larger databases.\n* **[09:24](#t=09:24)** Why did you move from NoSQL to Relational?\n* **[12:00](#t=12:00)** Allows for massive multi-tenancy - what does that mean?\n* **[15:27](#t=15:27)** Transactional schema changes.\n* **[16:30](#t=16:30)** Why would you want 10,000 databases?\n* **[19:02](#t=19:02)** What makes SQLite cheaper?\n* **[22:59](#t=22:59)** The strategy for building a business around an inexpensive tool.\n* **[26:13](#t=26:13)** Pull requests and branching within SQLite.\n* **[28:52](#t=28:52)** Database snapshots for rollbacks.\n* **[31:14](#t=31:14)** Driving the cost of a database to zero allows for rethinking architecture.\n* **[32:35](#t=32:35)** SQLite informing Turso's edge functionality.\n* **[36:56](#t=36:56)** Automatic replica database syncing.\n* **[39:10](#t=39:10)** Is the database a bottleneck?\n* **[39:25](#t=39:25)** Embedded Replicas.\n* **[40:04](#t=40:04)** How do embedded replicas handle conflict resolution from offline users?\n* **[41:43](#t=41:43)** If the server is offline, can the database live in the client or WASM?\n* **[43:09](#t=43:09)** Conflict resolution.\n* **[44:47](#t=44:47)** What makes Turso stand out?\n* **[47:51](#t=47:51)** What was it like working on the Linux Kernel?\n* **[51:57](#t=51:57)** Do you use Linux?\n* **[52:46](#t=52:46)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Glauber: Understanding yourself, [What is Aphantasia](https://my.clevelandclinic.org/health/symptoms/25222-aphantasia).\n\n### Shameless Plugs\n\n- Glauber: [React Rally Park City, UT](https://www.reactrally.com/), [Turso](https://turso.tech/), [Laravel](https://laravel.com/).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"471c68366753e88311719601bc164fb356ef4cba9bb6adc4c9e13e28b2b8bbea","slug":"the-sqlite-takeover-with-turso-s-glauber-costa","md_file":"/shows/803 - Turso with Glauber Costa.md","created_at":"2024-08-01T18:00:44.720Z","updated_at":"2024-08-29T14:18:25.055Z","show_type":"SUPPER","guests":[{"Guest":{"github":"glommer","name":"Glauber Costa"}}],"notesFile":"/shows/803 - Turso with Glauber Costa.md","displayNumber":"803","displayDate":"August 2nd, 2024"},{"id":"syntax_podcast_show_00802","number":802,"title":"Tree Shaking × useMemo vs useCallback × JavaScript Event Loop - STUMP'd","date":"2024-07-31T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_802.mp3","youtube_url":"https://www.youtube.com/watch?v=7Vao9J4rAQU","show_notes":"\nScott and Wes serve up a gameshow-style quiz with STUMP'd, challenging each other on web development trivia. From the differences between useMemo and useCallback to the intricacies of the JavaScript event loop, join them for a fun and informative session packed with web dev insights!\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:17](#t=01:17)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:03](#t=02:03)** The longest game of Rock, Paper, Scissors.\n* Round 1\n* **[03:22](#t=03:22)** In React, what is the difference between useMemo and useCallback hooks, and in what scenarios would you choose one over the other?\n* **[05:56](#t=05:56)** Explain the concept of \"tree shaking\" in modern JavaScript build tools. How does it work, and what are its benefits?\n* Round 2\n* **[09:11](#t=09:11)** In the context of CSS Grid, explain the difference between grid-template-areas and grid-area.\n* **[11:34](#t=11:34)** What is the \"Temporal Dead Zone\" in JavaScript, and how does it relate to variables declared with let and const\n* Round 3\n* **[13:29](#t=13:29)** Describe the inner workings of the JavaScript event loop, including the roles of the call stack, callback queue, and microtask queue.\n* **[17:10](#t=17:10)** What is the \"Shadow DOM\" in web components, and how does it differ from the regular DOM?\n* Round 4\n* **[20:05](#t=20:05)** Explain the process of Critical Rendering Path optimization in modern web browsers\n* **[26:14](#t=26:14)** Describe the purpose and functionality of the Intl.Segmenter API in JavaScript.\n* Round 5\n* **[30:03](#t=30:03)** Explain the concept of Web Assembly (WASM) and its role in modern web development.\n* **[32:11](#t=32:11)** Explain the concept of Svelte stores, particularly focusing on the differences between writable, readable, and derived stores.\n* Round 6\n* **[35:26](#t=35:26)** Explain the concept of \"code splitting\" in modern JavaScript applications.\n* **[37:00](#t=37:00)** Describe advanced techniques for maintaining an accessible focus order in web accessibility.\n* Round 7\n* **[45:15](#t=45:15)** Explain the concept of \"Server-Sent Events\" (SSE) in web development.\n* **[47:37](#t=47:37)** What's the difference between contain layout and contain paint?\n* **[49:30](#t=49:30)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [diskprices](https://diskprices.com/).\n- Wes: [Slime Tire Sealant](https://slime.com/collections/emergency-auto-sealant).\n\n### Shameless Plugs\n\n- Scott: [Syntax on YouTube](https://youtube.com/@syntaxfm).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"b6133e8052398a28ed383ec0dbef981fd52b155bb8f9a79d0519cefcfc68f695","slug":"tree-shaking-usememo-vs-usecallback-javascript-event-loop-stump-d","md_file":"/shows/802 - STUMPd.md","created_at":"2024-07-30T15:00:10.323Z","updated_at":"2024-08-29T14:18:25.023Z","show_type":"TASTY","guests":[],"notesFile":"/shows/802 - STUMPd.md","displayNumber":"802","displayDate":"July 31st, 2024"},{"id":"syntax_podcast_show_00801","number":801,"title":"6 New JavaScript Proposals","date":"2024-07-29T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_801.mp3","youtube_url":"https://www.youtube.com/watch?v=xxN6xTQ22CM","show_notes":"\nScott and Wes serve up six exciting new JavaScript proposals, including Promise.try and Math.sumPrecise. They break down what each proposal means for developers and how these new features could change the way we write JavaScript.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:45](#t=01:45)** Understanding the stages of JavaScript Proposals.\n* **[04:04](#t=04:04)** [Promise.try](https://github.com/tc39/proposal-promise-try) - Stage 3.\n* **[05:39](#t=05:39)** [Math.sumPrecise](https://github.com/tc39/proposal-math-sum) - Stage 2.7.\n* **[07:28](#t=07:28)** Floating point math.\n* **[09:07](#t=09:07)** [ShadowRealm](https://github.com/tc39/proposal-shadowrealm/blob/main/explainer.md#quick-api-usage-example) - Stage 2.7.\n* **[11:39](#t=11:39)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[12:03](#t=12:03)** [Regex Escape](https://github.com/tc39/proposal-regex-escaping) - Stage 2.\n* **[13:33](#t=13:33)** [Defer Module Evaluation](https://github.com/tc39/proposal-defer-import-eval) - Stage 2.7.\n* **[15:09](#t=15:09)** [Iterator Sequencing](https://github.com/tc39/proposal-iterator-sequencing) - Stage 2.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"1bba62fc7ce888732623cdec1ed3c2ea31ac71a2fb1949a747bb13576e8e7f01","slug":"6-new-javascript-proposals","md_file":"/shows/801 - New JavaScript Proposals.md","created_at":"2024-07-26T18:00:29.654Z","updated_at":"2024-08-29T14:18:24.991Z","show_type":"HASTY","guests":[],"notesFile":"/shows/801 - New JavaScript Proposals.md","displayNumber":"801","displayDate":"July 29th, 2024"},{"id":"syntax_podcast_show_00800","number":800,"title":"Why the jQuery Creator Uses React and Typescript - John Resig","date":"2024-07-26T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_800.mp3","youtube_url":"https://www.youtube.com/watch?v=aE9mIWqC8cs","show_notes":"\nIn episode 800 of Syntax, Scott and Wes sit down with John Resig, the creator of jQuery, to discuss the current state of React and TypeScript. They dive into the evolution of frontend frameworks, the challenges of server-side rendering, and the tech stack at Khan Academy.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:59](#t=00:59)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[01:32](#t=01:32)** What is jQuery?\n* **[05:31](#t=05:31)** Did you anticipate the success jQuery had?\n* **[07:16](#t=07:16)** allow-discrete, @starting-style.\n * [Install Nothing: App UIs With Native Browser APIs - Scott Tolinski](https://www.youtube.com/watch?v=4hJomamEBfs).\n* **[07:54](#t=07:54)** Building the community around jQuery.\n* **[11:16](#t=11:16)** jQuery plugins.\n* **[13:00](#t=13:00)** Did you ever make money from jQuery?\n* **[16:13](#t=16:13)** What is your role at Khan Academy.\n* **[17:58](#t=17:58)** What is the tech stack at Khan Academy?\n* **[21:56](#t=21:56)** Why do you want to change your CSS and JS framework?\n* **[24:03](#t=24:03)** TypeScript vs Flow.\n* **[25:25](#t=25:25)** GraphQL federation.\n* **[28:08](#t=28:08)** What was your frontend framework journey?\n* **[30:23](#t=30:23)** Is there any part of React you wish would improve?\n* **[32:37](#t=32:37)** Reservations using React Router.\n* **[33:14](#t=33:14)** Khan Academy web platform vs native platform.\n* **[35:21](#t=35:21)** What do you use for state management?\n* **[38:48](#t=38:48)** What's harder than it should be on the web today?\n * [Kilian's Question On X](https://x.com/kilianvalkhof/status/1811402517236068689).\n * [Polypane.app](https://polypane.app/).\n* **[42:46](#t=42:46)** Opinions on JavaScript Sprinkles.\n* **[44:04](#t=44:04)** What's with the $ sign in jQuery?\n* **[45:29](#t=45:29)** The challenges of having your name in such a widely used software.\n* **[51:06](#t=51:06)** Challenges with server-side rendering in React.\n* **[52:42](#t=52:42)** Sick Picks & Shameless Plugs.\n* **[54:48](#t=54:48)** What are the performance issues associated with internationalization?\n* **[56:57](#t=56:57)** Back to Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- John: [Biome](https://biomejs.dev/), [Remix](https://remix.run/), [Lingui](https://lingui.dev/).\n\n### Shameless Plugs\n\n- John: [Khan Academy](https://www.khanacademy.org/).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"bc711ada234b2d2c426462d7f07fabc83a02be5f25f6003583f87ede181cd4c9","slug":"why-the-jquery-creator-uses-react-and-typescript-john-resig","md_file":"/shows/800 - jQuery with John Resig.md","created_at":"2024-07-25T21:00:07.713Z","updated_at":"2024-08-29T14:18:24.910Z","show_type":"SUPPER","guests":[{"Guest":{"github":"jeresig","name":"John Resig"}}],"notesFile":"/shows/800 - jQuery with John Resig.md","displayNumber":"800","displayDate":"July 26th, 2024"},{"id":"syntax_podcast_show_00799","number":799,"title":"Hot New and Under-Utilized Browser APIs","date":"2024-07-24T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_799.mp3","youtube_url":"https://www.youtube.com/watch?v=OsYtOth7cRw","show_notes":"\nScott and Wes serve up the latest and most under-utilized browser APIs that are changing the game for web development. From the @starting-style CSS API to scroll-snap and popovers, they break down how these tools can elevate your projects with minimal effort.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n * [Install Nothing: App UIs With Native Browser APIs – Scott Tolinski](https://www.youtube.com/watch?v=4hJomamEBfs&ab_channel=JavaScriptConferencesbyGitNation).\n * [Tolin.ski Demos](https://tolin.ski/demos).\n* **[01:03](#t=01:03)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:15](#t=02:15)** When to use these tools.\n* **[03:45](#t=03:45)** @starting-style CSS API.\n* **[08:23](#t=08:23)** Transition behavior allow-discrete.\n * [Dialog CSS](https://tolin.ski/demos/dialog/CSS).\n* **[11:56](#t=11:56)** calc-size(auto).\n* **[16:19](#t=16:19)** scroll-snap.\n * [Swiper Indicators](https://tolin.ski/demos/slide-show/SwiperIndicators).\n * [Slide Show](https://tolin.ski/demos/slide-show/SlideShow).\n * [Scroll To Options Snap-Additions](https://github.com/argyleink/ScrollSnapExplainers/blob/main/js-scrollToOptions_Snap-Additions%2Freadme.md).\n * [Adam Argyle Tweet](https://twitter.com/argyleink/status/1771320680417816818).\n* **[22:05](#t=22:05)** View Transitions.\n * [Cross-document view transitions for multi-page applications](https://developer.chrome.com/docs/web-platform/view-transitions/cross-document#:~:text=To%20have%20a%20cross%2Ddocument,document%2C%20same%2Dorigin%20navigations)\n* **[33:28](#t=33:28)** Popover API.\n * [Tolin.ski Demos Popover Basic](https://tolin.ski/demos/popover/Basic).\n * [Tolin.ski Demos Popover Action](https://tolin.ski/demos/popover/Action).\n * [Tolin.ski Demos Popover Anchor](https://tolin.ski/demos/popover/Anchor).\n * [Tolin.ski Demos Popover Compat](https://tolin.ski/demos/popover/Compat)\n * [Tolin.ski Demos Popover Mobile-Nav](https://tolin.ski/cool-treats/mobile-nav).\n* **[41:15](#t=41:15)** Dialog.\n * [Tolin.ski Demos Drawer CSS](https://tolin.ski/demos/drawer/CSS).\n* **[48:12](#t=48:12)** Details.\n * [Tolin.ski Cool-Treats Accordion](https://tolin.ski/cool-treats/accordion).\n* **[53:26](#t=53:26)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Emerge Tools](https://x.com/emergetools).\n- Wes: [Apple TV+ Hacks](https://tv.apple.com/show/hacks/umc.cmc.43wmt3l7kce5o3628tdf1ox0v).\n\n### Shameless Plugs\n\n- Scott: [Local First from Scratch](https://www.youtube.com/watch?v=Qoqh9Mdmk80).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"e3abf2aab8b2c0f712a73ad547ba8c2496bb08f48c61025a90f154af697d6bdc","slug":"hot-new-and-under-utilized-browser-apis","md_file":"/shows/799 - Hot New and Under-Utilized Browser APIs.md","created_at":"2024-07-23T15:00:38.307Z","updated_at":"2024-08-29T14:18:24.878Z","show_type":"TASTY","guests":[],"notesFile":"/shows/799 - Hot New and Under-Utilized Browser APIs.md","displayNumber":"799","displayDate":"July 24th, 2024"},{"id":"syntax_podcast_show_00798","number":798,"title":"Self Hosting: Reverse Proxy Servers","date":"2024-07-22T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_798.mp3","youtube_url":"https://www.youtube.com/watch?v=aU_JPYFmyW0","show_notes":"\nScott and Wes serve up an episode on reverse proxy servers. They discuss popular options like CF Tunnels, Caddy, Nginx, Apache, and more, explaining why you might need one for load balancing, SSL certificates, security, and managing multiple servers.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:30](#t=01:30)** Brought to you by [Sentry.io](https://sentry.io/syntax/).\n* **[02:25](#t=02:25)** What is reverse proxy?\n* **[03:16](#t=03:16)** Some examples of reverse proxies.\n* **[05:04](#t=05:04)** Why do you need a reverse proxy?\n * **[05:09](#t=05:09)** Combining multiple servers.\n * **[06:51](#t=06:51)** Load balancing.\n * **[07:23](#t=07:23)** SSL certificates.\n * **[10:30](#t=10:30)** Security.\n * **[10:37](#t=10:37)** Conceal your true IP.\n * **[11:24](#t=11:24)** Access management.\n * **[12:31](#t=12:31)** Routing static assets.\n * **[13:31](#t=13:31)** CDN / local.\n* **[15:55](#t=15:55)** Caddy × websocket support.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"789b6b63f5b4aeb330ed319c93f2fdd8ae13ccd44022f62a34ddd98167252a1a","slug":"self-hosting-reverse-proxy-servers","md_file":"/shows/798 - Reverse Proxy Servers.md","created_at":"2024-07-19T15:00:50.795Z","updated_at":"2024-08-29T14:18:24.841Z","show_type":"HASTY","guests":[],"notesFile":"/shows/798 - Reverse Proxy Servers.md","displayNumber":"798","displayDate":"July 22nd, 2024"},{"id":"syntax_podcast_show_00797","number":797,"title":"Drizzle: The TypeScript SQL ORM","date":"2024-07-19T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_797.mp3","youtube_url":"https://www.youtube.com/watch?v=Hh9xqRWYEJs","show_notes":"\nScott and Wes chat with Alex Blokh and Andrew Sherman, the co-founders of Drizzle ORM, about building a modern ORM from the ground up. They dive into the importance of type safety, creating filters with Drizzle, and the differences between Drizzle and other ORMs like Prisma.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n * [Syntax × Drizzle Swag](https://sentry.shop/).\n* **[01:15](#t=01:15)** What is Drizzle?\n* **[02:36](#t=02:36)** The genesis of [Drizzle](https://orm.drizzle.team/).\n* **[04:15](#t=04:15)** The process of building an ORM.\n* **[05:38](#t=05:38)** '100% Type-Safe' and why that's not a great goal.\n* **[07:50](#t=07:50)** Who is responsible for writing the complicated TypeScript?\n* **[09:40](#t=09:40)** Is an ORM necessary for anyone working with data?\n* **[12:15](#t=12:15)** Creating a product that fits different complexities.\n* **[13:19](#t=13:19)** Brought to you by [Sentry.io](https://sentry.io/syntax/).\n* **[13:44](#t=13:44)** Creating filters in Drizzle. Callback-based, or imported. Why?\n* **[19:22](#t=19:22)** Drizzle vs Prisma vs Kysely.\n* **[22:45](#t=22:45)** Are you friendly with Prisma?\n* **[23:35](#t=23:35)** Relational queries.\n* **[25:17](#t=25:17)** Query vs select.\n* **[27:42](#t=27:42)** Maintaining so many different technologies.\n* **[30:37](#t=30:37)** Switching databases.\n* **[31:39](#t=31:39)** Drizzle Studio.\n * [Drizzle Studio Syntax Theme](https://drizzle.studio/themes/DQxCNydRxt3DjhMOl_P61).\n* **[35:00](#t=35:00)** Accessing Cloudflare D1 SQLite requires connection through a worker.\n* **[37:40](#t=37:40)** Drizzle Kit.\n* **[41:37](#t=41:37)** Will you ever support MongoDB?\n* **[42:10](#t=42:10)** Supporting [PGlite](https://github.com/electric-sql/pglite/issues?q=drizzle) and local data storage landscape.\n * [DrizzleORM v0.30.6 release notes](https://orm.drizzle.team/learn/latest-releases/drizzle-orm-v0306).\n* **[44:00](#t=44:00)** Being a developer in Ukraine in 2024.\n * How to support Ukraine: [Savelife](https://savelife.in.ua/en/), [United24](https://u24.gov.ua/).\n* **[51:07](#t=51:07)** Drizzle is expanding.\n* **[53:50](#t=53:50)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\nAndrew - [Smart Swim Goggles](https://eu.formswim.com/products/smart-swim-2-goggles).\n\n### Shameless Plugs\n\nAndrew - [Savelife](https://savelife.in.ua/en/), [United24](https://u24.gov.ua/).\nScott - [Syntax × Drizzle Swag](https://sentry.shop/).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"a89c49db943d6404354708bd8ad50c864f64e15938f77b7cdeeeee85164b9346","slug":"drizzle-the-typescript-sql-orm","md_file":"/shows/797 - Drizzle The TypeScript SQL ORM.md","created_at":"2024-07-18T21:00:25.579Z","updated_at":"2024-08-29T14:18:24.764Z","show_type":"SUPPER","guests":[{"Guest":{"github":"AndriiSherman","name":"Andrew Sherman"}},{"Guest":{"github":"AlexBlokh","name":"Alex Blokh"}}],"notesFile":"/shows/797 - Drizzle The TypeScript SQL ORM.md","displayNumber":"797","displayDate":"July 19th, 2024"},{"id":"syntax_podcast_show_00796","number":796,"title":"Do We Need JS Frameworks × Are You Over-Engineering? × Webview vs Native","date":"2024-07-17T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_796.mp3","youtube_url":"https://www.youtube.com/watch?v=eJFgBXHc69k","show_notes":"\nScott and Wes tackle a variety of audience questions, from the nuances of over-engineering to the energy consumption of AI LLMs. They also discuss the pros and cons of monorepos, frameworks, and the ever-important question: Do you really need to learn all the developer tooling?\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:41](#t=00:41)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[01:07](#t=01:07)** Challenges around a resume playback function.\n* **[05:56](#t=05:56)** Why use Google Forms for Potluck questions?\n* **[07:57](#t=07:57)** What constitutes over-engineering and how to avoid it.\n* **[13:28](#t=13:28)** Webview vs native component based mobile apps.\n* **[18:06](#t=18:06)** Running and managing monorepos.\n* **[20:59](#t=20:59)** Energy consumption of AI LLMs vs static web content.\n * [A guide to LLM inference and performance](https://www.baseten.co/blog/llm-transformer-inference-guide/).\n * [From Words to Watts: Benchmarking the Energy Costs of LLM Inference](https://arxiv.org/pdf/2310.03003).\n* **[25:19](#t=25:19)** Why do we need frameworks?\n * [Frank M Taylor Blog Post](https://blog.frankmtaylor.com/2024/06/20/a-rant-about-front-end-development/).\n* **[33:05](#t=33:05)** Handling ad-blockers blocking Sentry and other tools.\n * [Syntax GitHub](https://github.com/syntaxfm/website/tree/main/src/routes/api).\n* **[38:25](#t=38:25)** Creating sites without JavaScript.\n* **[42:49](#t=42:49)** Do I really have to learn all the various developer tooling?\n * [Wes Bos Tweet](https://x.com/wesbos/status/1810693535391272986).\n* **[44:47](#t=44:47)** What are the best ways to network and meet other developers?\n* **[50:16](#t=50:16)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Tweek App](https://tweek.so/)/\n- Wes: [Rain-X Waterless Car Wash](https://amzn.to/3LhrzSp).\n\n### Shameless Plugs\n\n- Scott: [Swag Store](https://syntax.fm/shop).\n- Wes: [Audio Player Updates](https://syntax.fm).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"23f021c587387046e727c8e23e878e3e674b93c607130fd1208f67a187d3a324","slug":"do-we-need-js-frameworks-are-you-over-engineering-webview-vs-native","md_file":"/shows/796 - Do We Need JS Frameworks × Are You Over-Engineering × Webview vs Native.md","created_at":"2024-07-15T21:00:12.215Z","updated_at":"2024-08-29T14:18:24.734Z","show_type":"TASTY","guests":[],"notesFile":"/shows/796 - Do We Need JS Frameworks × Are You Over-Engineering × Webview vs Native.md","displayNumber":"796","displayDate":"July 17th, 2024"},{"id":"syntax_podcast_show_00795","number":795,"title":"Hosting Private Fonts on the Edge With Cloudflare","date":"2024-07-15T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_795.mp3","youtube_url":"https://www.youtube.com/watch?v=P0jwGsCWmPs","show_notes":"\nScott and Wes dish out the intricacies of hosting private fonts using Cloudflare Pages. They explore the challenges of font security, the benefits of a font server, and the nuances of caching and whitelisting to keep your fonts secure and efficient.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:53](#t=01:53)** [Behind the Code](https://sentry.io/resources/behind-the-code-a-discussion-with-backend-experts/): Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[03:12](#t=03:12)** The problem with hosting fonts.\n * [Scott's Fonts](https://github.com/stolinski/scotts-fonts-worker-exploration).\n* **[05:42](#t=05:42)** The solution, a font server with [Cloudflare Pages](https://pages.cloudflare.com/).\n* **[09:37](#t=09:37)** Utilizing a Key Value Store.\n* **[10:53](#t=10:53)** Storing a whitelist.\n* **[13:42](#t=13:42)** Why not just use a bucket?\n * [Check out the code](https://github.com/stolinski/scotts-fonts/blob/main/src/routes/fonts/%5Bpath%5D/%2Bserver.ts).\n* **[15:24](#t=15:24)** Should whitelisting be done in JavaScript or cores?\n* **[17:23](#t=17:23)** How do you cache to multiple origins?\n* **[18:15](#t=18:15)** Multiple URLs in an allow origin.\n* **[19:17](#t=19:17)** Font security and foundry challenges.\n* **[21:43](#t=21:43)** Moving Domains on Cloudflare.\n\nCheck out the font Syntax uses! [MD-IO](https://mass-driver.com/typefaces/md-io/).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"4c0e67e338136059e678318d670ce208ad54626617eaf6e03b3e8e53a6d61733","slug":"hosting-private-fonts-on-the-edge-with-cloudflare","md_file":"/shows/795 - Hosting Private Fonts on the Edge With Cloudflare.md","created_at":"2024-07-11T15:00:18.703Z","updated_at":"2024-08-29T14:18:24.699Z","show_type":"HASTY","guests":[],"notesFile":"/shows/795 - Hosting Private Fonts on the Edge With Cloudflare.md","displayNumber":"795","displayDate":"July 15th, 2024"},{"id":"syntax_podcast_show_00794","number":794,"title":"Prettier JavaScript with Vjeux","date":"2024-07-12T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_794.mp3","youtube_url":"https://www.youtube.com/watch?v=i3_Eia6_SoQ","show_notes":"\nScott and Wes sit down with Vjeux from Meta to dive deep into the origins and evolution of Prettier, the widely-used code formatter. They discuss the challenges faced, the decision-making process behind its features, and what the future holds for this indispensable tool in the developer's toolkit.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:45](#t=01:45)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:19](#t=02:19)** [New swag](https://sentry.shop/)!\n* **[03:25](#t=03:25)** Who is Vjeux?\n* **[06:56](#t=06:56)** Is management the key to successful projects?\n* **[08:50](#t=08:50)** The genesis of Prettier.\n* **[12:08](#t=12:08)** Why other JS formatters didn't work.\n* **[16:56](#t=16:56)** Focusing on edge-cases.\n* **[17:41](#t=17:41)** The goal for Prettier.\n * [Prettier Philosophy](https://prettier.io/docs/en/option-philosophy).\n* **[18:31](#t=18:31)** Next step, integrations.\n* **[19:37](#t=19:37)** Should you run Prettier on save or commit?\n* **[21:34](#t=21:34)** Does Prettier's limitations lead to higher adoption?\n * [Prettier Config](https://prettier.io/docs/en/configuration.html).\n* **[25:01](#t=25:01)** What was the most controversial default setting?\n* **[28:14](#t=28:14)** Does Facebook use semicolons?\n* **[29:18](#t=29:18)** Getting approval to devote 6 months to Prettier.\n* **[31:42](#t=31:42)** Working with Mark Zuckerberg.\n* **[32:43](#t=32:43)** Was there ever consideration to augment ESLint instead?\n * [Prettier vs. Linters](https://prettier.io/docs/en/comparison).\n* **[35:34](#t=35:34)** What are your thoughts on the Rust-based alternatives?\n* **[36:44](#t=36:44)** Prettier's [$10,000 bounty](https://twitter.com/Vjeux/status/1722733472522142022).\n* **[39:32](#t=39:32)** What is the future of Prettier?\n* **[44:54](#t=44:54)** Prettier is available in almost [every language](https://prettier.io/docs/en/).\n* **[47:59](#t=47:59)** Advice for other open-source maintainers.\n* **[53:26](#t=53:26)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Vjeux: [TransformersJS](https://huggingface.co/docs/transformers.js/en/index).\n\n### Shameless Plugs\n\n- Vjeux: [Prettier x Syntax Swag](https://sentry.shop/).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"b1641654668c5309021a994d760713ed72abf6aecbace40e924ef56071b9bcfa","slug":"prettier-javascript-with-vjeux","md_file":"/shows/794 - Prettier with Vjeux.md","created_at":"2024-07-10T15:00:31.679Z","updated_at":"2024-08-29T14:18:24.616Z","show_type":"SUPPER","guests":[{"Guest":{"github":"vjeux","name":"Christopher 'Vjeux' Chedeau"}}],"notesFile":"/shows/794 - Prettier with Vjeux.md","displayNumber":"794","displayDate":"July 12th, 2024"},{"id":"syntax_podcast_show_00793","number":793,"title":"The Local First Landscape","date":"2024-07-10T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_793.mp3","youtube_url":"https://www.youtube.com/watch?v=aKaSOVzquqA","show_notes":"\nScott and Wes dive into the local first landscape, exploring the benefits and possibilities of local first apps. They highlight some of their favorite tools and discuss why local first is gaining traction among developers.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:27](#t=00:27)** [Behind the Code](https://sentry.io/resources/behind-the-code-a-discussion-with-backend-experts/): Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[01:06](#t=01:06)** Catch up with Wes and Scott.\n* **[03:00](#t=03:00)** The local first space.\n * [Scott's Blog: The Spectrum of Local First Libraries](https://tolin.ski/posts/local-first-options).\n * [Syntax 739: The Lofi Movement](https://syntax.fm/show/739/the-lofi-movement-building-local-first-apps).\n* **[04:27](#t=04:27)** Some local first apps we love.\n * [Linear](https://linear.app/).\n * [Tweek.so](https://tweek.so/).\n * [Superhuman](https://blog.superhuman.com/).\n* **[05:15](#t=05:15)** The advantages of local first.\n* **[06:07](#t=06:07)** [localfirstweb.dev](https://localfirstweb.dev/).\n * **[09:21](#t=09:21)** [Triplit](https://www.triplit.dev/).\n * **[15:33](#t=15:33)** [Evolu](https://www.evolu.dev/).\n * **[22:32](#t=22:32)** [RxDB](https://rxdb.info/).\n * **[24:08](#t=24:08)** [ElectricSQL](https://electric-sql.com/).\n * **[26:57](#t=26:57)** [Pouchdb](https://pouchdb.com/).\n * **[28:46](#t=28:46)** [TinyBase](https://tinybase.org/).\n * **[32:08](#t=32:08)** [Replicache](https://replicache.dev/).\n * **[44:31](#t=44:31)** [PowerSync](https://www.powersync.com/).\n* **[48:21](#t=48:21)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Battery Jump Starter](https://amzn.to/4crtJea).\n- Wes: [Battery Tire Pump](https://amzn.to/3XMWpKk).\n\n### Shameless Plugs\n\n- Wes: [Syntax Swag](https://sentry.shop/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"5d20dbb0c8b0df5051ad0dd459a5b901b37d9c55053f78a151c82524aaaf04d4","slug":"the-local-first-landscape","md_file":"/shows/793 - The Local First Landscape.md","created_at":"2024-07-08T18:00:53.662Z","updated_at":"2024-08-29T14:18:24.584Z","show_type":"TASTY","guests":[],"notesFile":"/shows/793 - The Local First Landscape.md","displayNumber":"793","displayDate":"July 10th, 2024"},{"id":"syntax_podcast_show_00792","number":792,"title":"Perfect Sitemaps for SEO","date":"2024-07-08T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_792.mp3","youtube_url":"https://www.youtube.com/watch?v=W18o_qlWBtM","show_notes":"\nScott and Wes break down the importance of sitemaps for SEO. They dive into the different file formats, essential fields, and common pitfalls to avoid when creating and submitting your sitemap to search engines.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n * [New Swag Coming Soon](https://sentry.shop/).\n * [Tolin.ski](https://tolin.ski/).\n* **[02:09](#t=02:09)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:39](#t=02:39)** Sitemaps.\n* **[04:36](#t=04:36)** Why do you need a sitemap?\n* **[06:34](#t=06:34)** Sitemap file formats.\n * **[08:31](#t=08:31)** Choosing a file format.\n * **[09:17](#t=09:17)** Site map file size limits.\n * **[10:32](#t=10:32)** Fully-qualified URLs.\n* **[10:50](#t=10:50)** Fields and metadata.\n * **[10:58](#t=10:58)** What fields matter for SEO?\n* **[14:20](#t=14:20)** What to avoid in your sitemap?\n * **[14:23](#t=14:23)** Dynamic user pages and account pages.\n * **[14:43](#t=14:43)** Parameter-based URLs.\n * **[16:01](#t=16:01)** Redirects, duplicates or disallowed pages.\n * **[16:11](#t=16:11)** Unlisted pages.\n* **[17:07](#t=17:07)** How do you make a sitemap?\n* **[20:06](#t=20:06)** What to do once you have a sitemap.\n * **[20:08](#t=20:08)** Validation.\n * **[20:20](#t=20:20)** Submit to search engine.\n * [Bing Webmaster Tools](https://www.bing.com/webmasters/about).\n * [Google Search Console](https://search.google.com/search-console/about).\n * **[22:11](#t=22:11)** Cache them!\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"b03928e33dda295baf3de58420fe37a2e45a6ae3b437f7308857c489ebbb43e1","slug":"perfect-sitemaps-for-seo","md_file":"/shows/792 - Perfect Sitemaps for SEO.md","created_at":"2024-07-04T18:00:48.800Z","updated_at":"2024-08-29T14:18:24.550Z","show_type":"HASTY","guests":[],"notesFile":"/shows/792 - Perfect Sitemaps for SEO.md","displayNumber":"792","displayDate":"July 8th, 2024"},{"id":"syntax_podcast_show_00791","number":791,"title":"LLRT The Serverless Runtime w/ Richard Davison","date":"2024-07-05T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_791.mp3","youtube_url":"https://www.youtube.com/watch?v=DfY1_6uBdSE","show_notes":"\nScott and Wes chat with Richard Davison from AWS about LLRT, a new runtime tailored specifically for Lambda. They dive into the benefits of using LLRT, challenges with JavaScript in serverless, and why Rust was chosen for its development.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:07](#t=01:07)** Who is Richard Davison?\n* **[05:11](#t=05:11)** What is LLRT and what’s the motivation for building it?\n* **[08:25](#t=08:25)** AWS Lambda example.\n* **[11:20](#t=11:20)** What makes LLRT specifically tailored to Lambda?\n* **[14:55](#t=14:55)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[15:22](#t=15:22)** [Node.js in Lambda](https://docs.aws.amazon.com/lambda/latest/dg/lambda-nodejs.html).\n* **[16:00](#t=16:00)** What are some challenges that people have with JavaScript in serverless?\n* **[17:20](#t=17:20)** Lambda memory configuration.\n* **[19:23](#t=19:23)** Managing cost of compute.\n* **[21:29](#t=21:29)** Simpler and faster than Node, Bun, Dino, but not a replacement.\n* **[22:31](#t=22:31)** The benchmarks.\n* **[27:00](#t=27:00)** Quick.js, the main reason for the performance gains.\n * [Fabrice Bellard QuickJS](https://bellard.org/quickjs/).\n* **[28:03](#t=28:03)** The Quick.js engine.\n* **[30:35](#t=30:35)** What was the reason behind creating Quick.js?\n* **[33:46](#t=33:46)** What made you pick Rust for LLRT?\n* **[36:34](#t=36:34)** Abstractions and the value of speed.\n* **[39:08](#t=39:08)** The [JIT Compiler](https://www.ibm.com/docs/en/sdk-java-technology/8?topic=reference-jit-compiler).\n* **[42:38](#t=42:38)** Compile cache.\n* **[43:27](#t=43:27)** De-optimizations.\n* **[44:59](#t=44:59)** Node.js Compat, what to use and avoid with LLRT.\n * [GitHub AWS Labs Compatibility Chart](https://github.com/awslabs/llrt?tab=readme-ov-file#compatibility-matrix).\n* **[47:52](#t=47:52)** Will you target with [WinterCG](https://wintercg.org/) spec?\n* **[50:22](#t=50:22)** [Streams API](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API).\n* **[52:06](#t=52:06)** What about WebSockets?\n* **[53:10](#t=53:10)** Is this going to be promoted from a labs project?\n* **[54:49](#t=54:49)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Richard: [QuickJS Engine](https://bellard.org/quickjs/), [JSLinux](https://bellard.org/jslinux/).\n\n### Shameless Plugs\n\n- Richard: Javascript\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"71d9c77db9f8d84adc0cc849121fbcdb70c3ff7e848dd9b90fdd956689a9d2ec","slug":"llrt-the-serverless-runtime-w-richard-davison","md_file":"/shows/791 - LLRT The Serverless Runtime with Richard Davison.md","created_at":"2024-07-03T21:00:53.097Z","updated_at":"2024-08-29T14:18:24.474Z","show_type":"SUPPER","guests":[{"Guest":{"github":"richarddd","name":"Richard Davison"}}],"notesFile":"/shows/791 - LLRT The Serverless Runtime with Richard Davison.md","displayNumber":"791","displayDate":"July 5th, 2024"},{"id":"syntax_podcast_show_00790","number":790,"title":"State of JS 2023 Reactions","date":"2024-07-03T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_790.mp3","youtube_url":"https://www.youtube.com/watch?v=dj6tUUTDXAo","show_notes":"\nScott and Wes dive into the 2023 State of JavaScript survey, breaking down the latest trends and pain points in front-end frameworks, build tools, and JavaScript runtimes. Tune in for their hot takes and insights on what’s shaping the JavaScript landscape this year!\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n * [State of JS 2023](https://2023.stateofjs.com/en-US/).\n* **[03:04](#t=03:04)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[03:43](#t=03:43)** New Syntax Swag!\n * [Syntax Swag Store](https://sentry.shop/).\n* **[04:42](#t=04:42)** Front end frameworks.\n* **[08:30](#t=08:30)** Front end framework pain-points.\n* **[12:17](#t=12:17)** Metaframeworks.\n* **[17:45](#t=17:45)** Metaframework pain-points.\n* **[22:17](#t=22:17)** Build tools.\n * [Rolldown](https://github.com/rolldown/rolldown/discussions/153).\n* **[24:45](#t=24:45)** Build tool pain-points.\n* **[25:54](#t=25:54)** JavaScript runtimes.\n* **[28:19](#t=28:19)** Edge + serverless runtimes.\n* **[29:30](#t=29:30)** Backend frameworks.\n* **[33:17](#t=33:17)** Non-JavaScript languages.\n* **[36:12](#t=36:12)** Hosting service.\n* **[38:50](#t=38:50)** Usage.\n* **[40:05](#t=40:05)** Javascript usage.\n* **[41:03](#t=41:03)** Missing features.\n* **[45:04](#t=45:04)** Industry sector.\n* **[47:37](#t=47:37)** The awards.\n* **[51:34](#t=51:34)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Electric Lighter](https://amzn.to/4eDlxJd).\n- Wes: [Monkey Noodle](https://www.amazon.com/Original-Monkey-Noodle-Fidget-Toy/dp/B01LBSZQ3U).\n\n### Shameless Plugs\n\n- Wes: [Syntax Swag Store](https://sentry.shop/).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"395ef5030beeaf4a9bb587c92349670f2044d265673965c73d2ed4e702a95c66","slug":"state-of-js-2023-reactions","md_file":"/shows/790 - State of JS.md","created_at":"2024-06-28T20:51:14.299Z","updated_at":"2024-08-29T14:18:24.440Z","show_type":"TASTY","guests":[],"notesFile":"/shows/790 - State of JS.md","displayNumber":"790","displayDate":"July 3rd, 2024"},{"id":"syntax_podcast_show_00789","number":789,"title":"Do More With AI - LLMs With Big Token Counts","date":"2024-07-01T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_789.mp3","youtube_url":"https://www.youtube.com/watch?v=81DY1IsMckE","show_notes":"\nJoin Scott and CJ as they dive into the fascinating world of AI, exploring topics from LLM token sizes and context windows to understanding input length. They discuss practical use cases and share insights on how web developers can leverage larger token counts to maximize the potential of AI and LLMs.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:31](#t=01:31)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:42](#t=02:42)** What is a token?\n * [Quizgecko GPT-4 Token Counter](https://quizgecko.com/tools/token-counter).\n* **[04:22](#t=04:22)** Context window sometimes called \"max tokens\".\n * [OpenAI Platform Models](https://platform.openai.com/docs/models).\n * [Claude Models](https://www.anthropic.com/api#pricing).\n* **[10:42](#t=10:42)** Understanding input length.\n* **[11:59](#t=11:59)** Models + services with big token counts.\n * [Gemini Docs](https://ai.google.dev/gemini-api/docs/workspace).\n* **[13:22](#t=13:22)** Generating open API documentation for a complex API.\n* **[17:29](#t=17:29)** Generating JSDoc style typing.\n * [Drop-In stolinski GitHub](https://github.com/stolinski/drop-in).\n* **[21:07](#t=21:07)** Generating seed data for a complex database.\n * [bytedash w3cj GitHub](https://github.com/w3cj/bytedash/tree/main/src/db/seeds).\n* **[24:34](#t=24:34)** Summarizing 8+ hours of video.\n* **[29:35](#t=29:35)** Some things we've yet to try.\n* **[31:32](#t=31:32)** What about cost?\n * [Google AI for Developers Cost](https://ai.google.dev/pricing).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nCJ: [X](https://twitter.com/CodingGarden) [Instagram](https://www.instagram.com/coding.garden/) [YouTube](https://www.youtube.com/@CodingGarden) [TwitchTV](https://www.twitch.tv/codinggarden)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"d88c4819adbfe02b65626b56a47c7e6aff9291061aa674319fd2a7a7bab6be95","slug":"do-more-with-ai-llms-with-big-token-counts","md_file":"/shows/789 - Do More With AI - LLMs With Big Token Counts.md","created_at":"2024-06-26T15:00:27.065Z","updated_at":"2024-08-29T14:18:24.404Z","show_type":"HASTY","guests":[],"notesFile":"/shows/789 - Do More With AI - LLMs With Big Token Counts.md","displayNumber":"789","displayDate":"July 1st, 2024"},{"id":"syntax_podcast_show_00788","number":788,"title":"Supabase: Open Source Firebase for Fullstack JS Apps","date":"2024-06-28T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_788.mp3","youtube_url":"https://www.youtube.com/watch?v=KtxoJUZDgIU","show_notes":"\nScott and CJ chat with Paul Copplestone, CEO and co-founder of Supabase, about the journey of building an open source alternative to Firebase. Learn about the tech stack, the story behind their excellent documentation, and how Supabase balances business goals with open-source values.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:30](#t=00:30)** Who is Paul Copplestone?\n* **[01:17](#t=01:17)** Why 'Supa' and not 'Super'?\n* **[02:26](#t=02:26)** How did Supabase start?\n * **[04:29](#t=04:29)** How long from inception to joining [Y Combinator](https://www.ycombinator.com/)?\n * **[05:10](#t=05:10)** Was it always intended to be open source?\n * [Why Open Source](https://paul.copplest.one/blog/why-open-source.html).\n * **[07:22](#t=07:22)** How many users chose to self-host?\n * **[07:49](#t=07:49)** Open source mindset.\n* **[08:42](#t=08:42)** Simplicity in design.\n* **[10:32](#t=10:32)** How do you take Supabase one step beyond the competition?\n* **[12:35](#t=12:35)** How do you decide which libraries are officially supported vs community maintained?\n * **[15:17](#t=15:17)** You don't need a client library!\n* **[16:48](#t=16:48)** Edge functions for server-side functionality.\n* **[18:51](#t=18:51)** The genesis of pgvector.\n* **[20:59](#t=20:59)** The product strategy.\n* **[22:25](#t=22:25)** What's the story behind Supabase's awesome docs?\n* **[25:26](#t=25:26)** The tech behind Supabase.\n * **[25:39](#t=25:39)** What is the UI built on?\n * **[27:33](#t=27:33)** Consolidation follows [kaizen](https://supabase.com/blog/how-design-works-at-supabase).\n * **[28:54](#t=28:54)** What else is involved in the stack?\n * **[31:47](#t=31:47)** Authentication.\n * **[32:35](#t=32:35)** Storage engine.\n * **[33:13](#t=33:13)** For self-hosting.\n* **[35:46](#t=35:46)** How do you balance business goals with open source?\n* **[42:01](#t=42:01)** What's next for Supabase?\n* **[44:15](#t=44:15)** Supabase's GA + new features.\n * [Top 10 LAunches from Supabase GA Week](https://supabase.com/blog/ga-week-summary).\n* **[48:24](#t=48:24)** Who runs the [X account](https://x.com/supabase)?\n* **[50:39](#t=50:39)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Paul: [Apple Vision Pro](https://www.apple.com/apple-vision-pro/).\n\n### Shameless Plugs\n\n- Paul: [PostgreSQL](https://github.com/postgres).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nCJ: [X](https://twitter.com/CodingGarden) [Instagram](https://www.instagram.com/coding.garden/) [YouTube](https://www.youtube.com/@CodingGarden) [TwitchTV](https://www.twitch.tv/codinggarden)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"88337ef19c768cfd308cf4916ce4d80dc6fe95f9ca78eca7ebe1ff2aa060c0d5","slug":"supabase-open-source-firebase-for-fullstack-js-apps","md_file":"/shows/788 - Supabase with Paul Copplestone.md","created_at":"2024-06-25T15:00:37.868Z","updated_at":"2024-08-29T14:18:24.323Z","show_type":"SUPPER","guests":[{"Guest":{"github":"kiwicopple","name":"Paul Copplestone"}}],"notesFile":"/shows/788 - Supabase with Paul Copplestone.md","displayNumber":"788","displayDate":"June 28th, 2024"},{"id":"syntax_podcast_show_00787","number":787,"title":"You Should Try Vue.js","date":"2024-06-26T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_787.mp3","youtube_url":"https://www.youtube.com/watch?v=TkJMtssND-U","show_notes":"\nScott and CJ dive deep into the world of Vue.js, exploring what makes this frontend framework unique and why it stands out from React and Svelte. CJ gives a comprehensive tour, covering everything from getting started to advanced features like state management and Vue’s built-in styles.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:46](#t=00:46)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:24](#t=02:24)** What is [Vue](https://vuejs.org/)?\n * **[04:13](#t=04:13)** Similar to Svelte, different from React.\n* **[05:35](#t=05:35)** How to get started with Vue.\n * **[05:43](#t=05:43)** Script tag.\n * **[06:01](#t=06:01)** CLI.\n * **[07:10](#t=07:10)** The value of an opinionated CLI.\n* **[10:51](#t=10:51)** Why do you like Vue.js over React or Svelte?\n * **[11:03](#t=11:03)** Less boilerplate.\n * **[15:24](#t=15:24)** Self-closing tags.\n * **[16:09](#t=16:09)** Svelte parsing HTML tags incorrectly.\n * [Hacker News Article](https://news.ycombinator.com/item?id=39942387).\n * **[17:08](#t=17:08)** Easily adding event handlers to elements.\n * **[18:20](#t=18:20)** Conditional rendering.\n * **[19:19](#t=19:19)** What is a directive?\n * **[20:29](#t=20:29)** 'Borrowing' from Angular One.\n * **[21:07](#t=21:07)** Styles are built in.\n * **[22:11](#t=22:11)** Tailwind for scoping.\n * **[26:08](#t=26:08)** State management.\n * **[30:28](#t=30:28)** Ref Functions similar to Svelte Runes.\n * **[32:03](#t=32:03)** Global state management.\n * **[34:24](#t=34:24)** [Pinia](https://pinia.vuejs.org/).\n* **[36:18](#t=36:18)** What is the full-stack application platform for Next.js?\n* **[38:00](#t=38:00)** [Nuxt auto-imports](https://nuxt.com/docs/guide/concepts/auto-imports).\n * [sveltekit-autoimport](https://github.com/yuanchuan/sveltekit-autoimport).\n* **[39:37](#t=39:37)** Creating API functions and server side codes.\n* **[41:12](#t=41:12)** The future of Vue and compilers for front end frameworks.\n* **[41:43](#t=41:43)** Vue's compiler.\n* **[44:19](#t=44:19)** Are people actually using Vue?\n* **[46:50](#t=46:50)** [Laravel](https://laravel.com/frontend) and Vue.\n* **[48:29](#t=48:29)** Sick Picks & Shameless Plugs.\n\n[Vue.js: The Documentary](https://www.youtube.com/watch?v=OrxmtDw4pVI).\n\n### Sick Picks\n\n- Scott: [Jordan Roam Slides](https://www.nike.com/t/jordan-roam-slides-0nD8Dq).\n- CJ: USB Charging Hub\n\n### Shameless Plugs\n\n- Scott: [Syntax on GitHub](https://github.com/orgs/syntaxfm/repositories)\n- CJ: [Syntax.fm](https://syntax.fm/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"9d8701833107f797827406602387d6ad1b85428295e1b3c5584cf7b8835ece8f","slug":"you-should-try-vue-js","md_file":"/shows/787 - You Should Try Vuejs.md","created_at":"2024-06-20T15:00:30.456Z","updated_at":"2024-08-29T14:18:24.285Z","show_type":"TASTY","guests":[],"notesFile":"/shows/787 - You Should Try Vuejs.md","displayNumber":"787","displayDate":"June 26th, 2024"},{"id":"syntax_podcast_show_00786","number":786,"title":"What Open Source license should you use?","date":"2024-06-24T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_786.mp3","youtube_url":"https://www.youtube.com/watch?v=FcieXP8T4R4","show_notes":"\nScott and CJ dive into the world of open source, breaking down its meaning, benefits, and the various types of licenses you'll encounter. From permissive licenses like MIT and Apache 2.0 to copy-left licenses such as GNU GPLv3, they'll help you choose and apply the right license for your project.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:54](#t=00:54)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n * [Sentry Open Source](https://open.sentry.io/).\n * [Giving away $500,000 to open source projects](https://blog.sentry.io/we-just-gave-500-000-dollars-to-open-source-maintainers/#sponsorship-at-scale).\n* **[01:56](#t=01:56)** What is open source?\n* **[03:19](#t=03:19)** This is not legal advice.\n* **[03:51](#t=03:51)** Source available ≠ open source.\n * [No Permission](https://choosealicense.com/no-permission/).\n* **[06:39](#t=06:39)** The [benefits](https://open.sentry.io/benefits/) of open source.\n * **[07:26](#t=07:26)** Educational.\n * **[07:52](#t=07:52)** More Secure.\n * **[09:32](#t=09:32)** Community-oriented.\n * [Scott's Habit Path](https://habitpath.io/landing)\n* **[11:29](#t=11:29)** Types of licenses.\n * **[12:09](#t=12:09)** Permissive licenses.\n * **[12:26](#t=12:26)** MIT License.\n * **[14:37](#t=14:37)** Apache 2.0 license.\n * **[15:31](#t=15:31)** Copy Left licenses.\n * **[15:58](#t=15:58)** GNU GPLv3.\n * **[18:16](#t=18:16)** Copy Left + permissive.\n * **[18:23](#t=18:23)** (Mozilla Public License) MPL.\n * **[19:31](#t=19:31)** Business licenses.\n * **[19:35](#t=19:35)** [Functional Source License](https://fsl.software/).\n * **[23:16](#t=23:16)** Companies using BUSL.\n * **[24:41](#t=24:41)** Server Side Public License ([SSPL](https://www.mongodb.com/legal/licensing/server-side-public-license)).\n* **[26:56](#t=26:56)** Choosing and acknowledging licenses.\n* **[29:13](#t=29:13)** Applying a license to your directory.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"94fbc7a1e6c00b6c1ebc41571772929701c2e5eed794351229f21ba4c16b888c","slug":"what-open-source-license-should-you-use","md_file":"/shows/786 - What Open Source license should you use.md","created_at":"2024-06-18T15:00:17.658Z","updated_at":"2024-08-29T14:18:24.242Z","show_type":"HASTY","guests":[],"notesFile":"/shows/786 - What Open Source license should you use.md","displayNumber":"786","displayDate":"June 24th, 2024"},{"id":"syntax_podcast_show_00785","number":785,"title":"What’s Next for Next.js with Tim Neutkens","date":"2024-06-21T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_785.mp3","youtube_url":"https://www.youtube.com/watch?v=fXugpgknScY","show_notes":"\nScott and Wes dive into the world of Next.js with special guest Tim Neutkens from Vercel. They explore the latest updates, including the React Compiler and React Server Components, discussing their impact on developer workflows and the future of Next.js development.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:30](#t=00:30)** What does the [React Compiler](https://rc.nextjs.org/docs/app/api-reference/next-config-js/reactCompiler) do?\n* **[05:04](#t=05:04)** Will React Compiler help with managing Context?\n* **[06:39](#t=06:39)** What happens if you're not using a React Compiler?\n * [react.dev Playground](https://playground.react.dev/).\n* **[09:30](#t=09:30)** Will this work on any NextJS version?\n* **[12:18](#t=12:18)** What are React Server Components?\n* **[16:28](#t=16:28)** Shipping all the data inside an encapsulated component.\n* **[20:17](#t=20:17)** Clearing up the frustrations around retrofitting server components.\n* **[23:13](#t=23:13)** Handing migration.\n* **[28:30](#t=28:30)** Is this just a fetch request with props?\n* **[36:41](#t=36:41)** How closely are the NextJS and React teams working?\n* **[41:53](#t=41:53)** Will we ever get Async Client Components?\n* **[43:52](#t=43:52)** Async Local Storage API.\n* **[45:31](#t=45:31)** [Turbopack](https://nextjs.org/docs/architecture/turbopack).\n* **[57:51](#t=57:51)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Tim: [Apple TV Sci-Fi](https://tv.apple.com/us/room/apple-tv-sci-fi/edt.item.650b3154-accd-4b87-9f89-6bde117cee31).\n\n### Shameless Plugs\n\n- Tim: [Turbopack](https://nextjs.org/docs/architecture/turbopack), [Next.js 15 RC](https://nextjs.org/blog/next-15-rc), [Sentry NextJS](https://docs.sentry.io/platforms/javascript/guides/nextjs/).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"2c75764bf413d74c9f8960dd9c08caf86efaeae0e78f102f384b8fb2a649afaf","slug":"what-s-next-for-next-js-with-tim-neutkens","md_file":"/shows/785 - What’s Next for NextJS with Tim Neutkens.md","created_at":"2024-06-17T21:00:10.578Z","updated_at":"2024-08-29T14:18:24.157Z","show_type":"SUPPER","guests":[{"Guest":{"github":"timneutkens","name":"Tim Neutkens"}}],"notesFile":"/shows/785 - What’s Next for NextJS with Tim Neutkens.md","displayNumber":"785","displayDate":"June 21st, 2024"},{"id":"syntax_podcast_show_00784","number":784,"title":"Logging × Blogging × Testing × Freelancing","date":"2024-06-19T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_784.mp3","youtube_url":"https://www.youtube.com/watch?v=LbhGwLH7U2k","show_notes":"\nIn this Potluck episode, Scott and Wes tackle listener questions on modern blogging, website environmental impact, and using LangChain with LLMs. They also cover CSS hyphens, unit vs. integration testing, and balancing web development with new parenthood.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:13](#t=00:13)** How to submit a question for future episodes.\n * [Potluck Questions](https://syntax.fm/potluck).\n* **[02:46](#t=02:46)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[03:21](#t=03:21)** Logging from a site.\n* **[08:39](#t=08:39)** Blogging in 2024.\n* **[11:49](#t=11:49)** Sharing website environmental data.\n * [Green Web Foundation](https://www.thegreenwebfoundation.org/).\n * [Website Carbon Calculator](https://www.websitecarbon.com/).\n * [Syntax Site Results](https://www.websitecarbon.com/website/syntax-fm/).\n * [Scott's Site Results](https://www.websitecarbon.com/website/tolin-ski/).\n* **[17:38](#t=17:38)** Using LangChain when working with LLMs.\n* **[21:03](#t=21:03)** CSS Hyphens and Overflow-Wrap.\n * [Hyphens Browser Compatibility](https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens#browser_compatibility).\n * [Overflow-Wrap](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap).\n* **[25:52](#t=25:52)** Similarities between WASM, JVM and .NET.\n* **[27:25](#t=27:25)** Writing unit testing and integration testing.\n* **[32:00](#t=32:00)** How can new parents stay current on web development trends?\n* **[34:47](#t=34:47)** Working globally as a freelance developer.\n* **[37:26](#t=37:26)** Scott's audio setup. Why audio interfaces have DSP built in.\n * [ChaseBliss Pedal](https://www.chasebliss.com/lossy).\n* **[43:04](#t=43:04)** UI libraries for synth/audio plugins.\n* **[44:02](#t=44:02)** CSS module scripts.\n * [CSS Modules in CSS Module Scripts](https://daverupert.com/2021/08/css-modules-in-css-modules/).\n* **[48:39](#t=48:39)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Deep Cover Podcast](https://www.pushkin.fm/podcasts/deep-cover).\n- Wes: [Pressure Washer Surface Cleaner](https://amzn.to/4dwUIpw).\n\n### Shameless Plugs\n\n- Wes: [Syntax.fm/videos](https://syntax.fm/videos).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"614097ffadef9fab8024feae5ee918eb29e5ff441a7c574eeade64dd024b53f8","slug":"logging-blogging-testing-freelancing","md_file":"/shows/784 - Logging × Blogging × Testing × Freelancing.md","created_at":"2024-06-13T18:00:46.205Z","updated_at":"2024-08-29T14:18:24.125Z","show_type":"TASTY","guests":[],"notesFile":"/shows/784 - Logging × Blogging × Testing × Freelancing.md","displayNumber":"784","displayDate":"June 19th, 2024"},{"id":"syntax_podcast_show_00783","number":783,"title":"How We Built a Netflix Style “Save for Offline” Feature Into Syntax","date":"2024-06-17T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_783.mp3","youtube_url":"https://www.youtube.com/watch?v=ynuAaDf_bz4","show_notes":"\nScott and Wes dive into the world of browser caching for audio files, exploring the File System API and the Cache API. They discuss size restrictions across different browsers, how tools like Riverside.fm leverage IndexedDB, and walk through code examples for creating, retrieving, and managing cached audio data.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[02:07](#t=02:07)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:33](#t=02:33)** The file system API.\n* **[03:08](#t=03:08)** The Cache API.\n * [Mozilla Developer Cache API](https://developer.mozilla.org/en-US/docs/Web/API/Cache).\n * [Airhorner, a good example](https://airhorner.com/).\n* **[04:24](#t=04:24)** Size restrictions per browser.\n* **[07:04](#t=07:04)** How tools like Riverside.fm use IndexedDB.\n* **[08:47](#t=08:47)** Data eviction (too much data).\n* **[10:16](#t=10:16)** What we’re using it for and how.\n* **[12:17](#t=12:17)** How do we do this in code?\n* **[14:37](#t=14:37)** Creating the cache.\n* **[16:18](#t=16:18)** Retrieving from cache manually.\n* **[19:00](#t=19:00)** Adding metadata.\n* **[19:37](#t=19:37)** A live debugging.\n* **[22:39](#t=22:39)** Persistent storage.\n * [web.dev Persistent Storage](https://web.dev/articles/persistent-storage).\n * [Hackernoon Persistent Storage](https://hackernoon.com/persistent-data-what-working-with-the-storage-api-looks-like).\n* **[26:10](#t=26:10)** Media score.\n * [Chrome Autoplay Policy](https://developer.chrome.com/blog/autoplay).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"ab2d19946ffb2df914d831f94bd07e585a7925066528765d03d6ae68b2d8f39e","slug":"how-we-built-a-netflix-style-save-for-offline-feature-into-syntax","md_file":"/shows/783 - How We Built a Netflix Style “Save for Offline” Feature Into Syntax.md","created_at":"2024-06-11T18:00:35.110Z","updated_at":"2024-08-29T14:18:24.095Z","show_type":"HASTY","guests":[],"notesFile":"/shows/783 - How We Built a Netflix Style “Save for Offline” Feature Into Syntax.md","displayNumber":"783","displayDate":"June 17th, 2024"},{"id":"syntax_podcast_show_00782","number":782,"title":"The Developer’s Guide To Fonts with Stephen Nixon","date":"2024-06-14T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_782.mp3","youtube_url":"https://www.youtube.com/watch?v=RBxMgALZR9o","show_notes":"\nScott and CJ are joined by Stephen Nixon of ArrowType to delve into the world of fonts and type for developers. They explore the intricacies of font creation, the utility of variable fonts, and offer tips for making visually appealing typography on the web.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:57](#t=00:57)** Who is Stephen Nixon?\n * [Process Type Foundry](https://processtypefoundry.com/).\n * [Mark Simonson Proxima Nova](https://www.marksimonson.com/fonts/view/proxima-nova).\n* **[05:42](#t=05:42)** What is a type foundry exactly?\n * [ArrowType](https://www.arrowtype.com/).\n* **[09:09](#t=09:09)** Font / type making.\n * **[09:15](#t=09:15)** How do you make a font?\n * [RoboFont](https://robofont.com/).\n * [Glyphs](https://glyphsapp.com/).\n * **[11:58](#t=11:58)** Fonts vs typefaces.\n * **[13:02](#t=13:02)** How many fonts have you made?\n * **[14:17](#t=14:17)** What are variable fonts and how can web developers utilize them?\n * **[19:22](#t=19:22)** Animating fonts.\n * [Variable Fonts](https://variablefonts.io/).\n * [Recursive](https://www.recursive.design/).\n * **[20:28](#t=20:28)** Do you code your demo sites yourself?\n * **[21:50](#t=21:50)** Are variable fonts more complex to design (and develop).\n * [Matthew Carter Adobe Fonts](https://fonts.adobe.com/designers/matthew-carter), [Matthew Carter Wiki](https://en.wikipedia.org/wiki/Matthew_Carter).\n * [Multiple Masters Variable Fonts](https://typedrawers.com/discussion/3292/working-with-multiple-masters).\n * [Just My Type](https://www.simongarfield.com/books/just-my-type/).\n * **[27:03](#t=27:03)** Hand painted fonts.\n * [House industries](https://housefonts.com/).\n * [Golden Sign Co](https://goldensignco.tumblr.com/everythingelse).\n * [Gen Ramirez](https://genramirez.com/).\n * **[29:39](#t=29:39)** Creating a monospace font.\n * **[32:19](#t=32:19)** Creating fonts with dyslexia accessibility in mind.\n* **[37:58](#t=37:58)** Typography for the web.\n * **[38:29](#t=38:29)** What are some 80/20 rules developers can employ to make more visually appealing typography?\n * **[40:58](#t=40:58)** Type scale calculations.\n * [Scott's Fluid Type Calculator](https://fluid-type.tolin.ski/).\n * **[45:42](#t=45:42)** What are your biggest web type pet peeves.\n * **[48:46](#t=48:46)** Do you have any favorite type tools?\n * [Wakamifondue](https://wakamaifondue.com/).\n * [Fixing Variable Font Inheritance](https://pixelambacht.nl/2019/fixing-variable-font-inheritance/).\n* **[50:34](#t=50:34)** Supper Club Questions.\n * **[50:44](#t=50:44)** How do you feel about ligatures in coding fonts?\n * [Ligatures In Programming Fonts Hell No](https://practicaltypography.com/ligatures-in-programming-fonts-hell-no.html).\n * **[55:11](#t=55:11)** What font do you use?\n * [Name Sans v05](https://blog.arrowtype.com/name-sans-v05/).\n * [Name-Mono](https://store.arrowtype.com/fonts/name-mono).\n * **[56:43](#t=56:43)** What is your favorite font of all time?\n * [Typotheque](https://www.typotheque.com/).\n - [Soehne](https://klim.co.nz/collections/soehne/).\n - [Grillitype Typefaces](https://www.grillitype.com/typefaces).\n - [Phnotype](https://ohnotype.co/).\n* **[58:49](#t=58:49)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Stephen: [Children of Time](https://en.wikipedia.org/wiki/Children_of_Time_(novel)), [No-Recipe Recipes](https://www.amazon.com/York-Times-Cooking-No-Recipe-Recipes/dp/1984858475).\n\n### Shameless Plugs\n\n- Stephen: [ArrowType](https://www.arrowtype.com/), [Skewing Fonts](https://www.youtube.com/shorts/2o-XTyB_8uw).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"e4bb93244563d39042a746268e6e53874d6196a679f853be0af46411b2bc109b","slug":"the-developer-s-guide-to-fonts-with-stephen-nixon","md_file":"/shows/782 - The Developer’s Guide To Fonts with Stephen Nixon.md","created_at":"2024-06-10T21:00:23.893Z","updated_at":"2024-08-29T14:18:23.992Z","show_type":"SUPPER","guests":[{"Guest":{"github":"arrowtype","name":"Stephen Nixon"}}],"notesFile":"/shows/782 - The Developer’s Guide To Fonts with Stephen Nixon.md","displayNumber":"782","displayDate":"June 14th, 2024"},{"id":"syntax_podcast_show_00781","number":781,"title":"Potluck - The Value of TypeScript × Vue vs Svelte × Leetcode","date":"2024-06-12T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_781.mp3","youtube_url":"https://www.youtube.com/watch?v=Vj9Z4Dso8y4","show_notes":"\nIn this potluck episode of Syntax, Scott and CJ serve up a variety of community questions, from the nuances of beginner vs. advanced TypeScript to the pros and cons of SvelteKit. They also discuss falling out of love with React, shipping private packages via NPM, and the eternal struggle of always starting but never finishing projects.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:06](#t=01:06)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[01:49](#t=01:49)** Today's format.\n* **[02:23](#t=02:23)** Beginner vs advanced TypeScript.\n * [DHH Tweet](https://x.com/dhh/status/1788579873969373603).\n* **[09:23](#t=09:23)** Does Sveltekit replace Svelte with Astro?\n* **[13:09](#t=13:09)** Handling multiple languages.\n* **[19:52](#t=19:52)** Falling out of love with React.\n* **[25:53](#t=25:53)** Shipping private packages via NPM.\n * [npm-install](https://docs.npmjs.com/cli/v10/commands/npm-install).\n * [Working with the npm registry](https://docs.github.com/en/packages/working-with-a-github-packages-registry/working-with-the-npm-registry).\n* **[29:00](#t=29:00)** How do you feel about importing packages from a URL?\n* **[30:36](#t=30:36)** VueJS vs Svelte.\n* **[36:15](#t=36:15)** Leetcode type interview questions.\n* **[41:58](#t=41:58)** Learning a new language for personal growth.\n* **[46:21](#t=46:21)** Always starting, never finishing.\n * [Scott's Fluid Type Calculator](https://fluid-type.tolin.ski/).\n* **[50:23](#t=50:23)** Code quality vs tackling tickets.\n* **[55:36](#t=55:36)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Quick Look Plugins](https://github.com/sindresorhus/quick-look-plugins).\n- CJ: [Sony WFC700n-b](https://electronics.sony.com/audio/headphones/truly-wireless-earbuds/p/wfc700n-b)\n\n### Shameless Plugs\n\n- Scott: [Syntax on YouTube](https://youtube.com/@syntaxfm)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"4b48aa8be8773d635f46a6ffa760b30707c8e23a66d1f5da2a0ab0e2dd100aee","slug":"potluck-the-value-of-typescript-vue-vs-svelte-leetcode","md_file":"/shows/781 - Potluck - The Value of TypeScript × Vue vs Svelte × Leetcode.md","created_at":"2024-06-06T15:00:14.046Z","updated_at":"2024-08-29T14:18:23.949Z","show_type":"TASTY","guests":[],"notesFile":"/shows/781 - Potluck - The Value of TypeScript × Vue vs Svelte × Leetcode.md","displayNumber":"781","displayDate":"June 12th, 2024"},{"id":"syntax_podcast_show_00780","number":780,"title":"Cloud Storage: Bandwidth, Storage and BIG ZIPS","date":"2024-06-10T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_780.mp3","youtube_url":"https://www.youtube.com/watch?v=U9zSqTISnOE","show_notes":"\nToday, Scott and Wes dive into cloud storage solutions—why you might need them, how they use them, and what you need to know about the big players, fees, and more.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:14](#t=01:14)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:05](#t=02:05)** Why you might need a cloud storage provider.\n* **[03:07](#t=03:07)** How we use cloud storage.\n * [Dropshare](https://dropshare.app/).\n* **[08:16](#t=08:16)** Why you may need larger storage.\n* **[09:49](#t=09:49)** The big players in this space.\n * [Amazon S3](https://aws.amazon.com/s3/).\n * [Cloudflare R2](https://developers.cloudflare.com/r2/).\n * [Backblaze B2](https://www.backblaze.com/cloud-storage).\n * [Synology C2](https://c2.synology.com/en-us).\n * [Google Cloud Storage](https://cloud.google.com/storage).\n * [Microsoft Azure](https://learn.microsoft.com/en-us/azure/storage/common/storage-introduction).\n * [Digital Ocean Spaces](https://www.digitalocean.com/products/spaces).\n * [Oracle](https://www.oracle.com/ca-en/storage/).\n * [Bunny.net](https://bunny.net/).\n * [Amazon S3 Glacier](https://aws.amazon.com/s3/storage-classes/glacier/).\n* **[14:34](#t=14:34)** Storage fees.\n* **[18:31](#t=18:31)** Why so cheap?\n* **[20:49](#t=20:49)** Bandwidth (egress).\n * [Cloudflare Bandwidth Alliance](https://www.cloudflare.com/en-ca/bandwidth-alliance/).\n* **[26:46](#t=26:46)** Operation fees - costs money.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"ca529fab97cd6ca873ae986b72adcecce4b30a0be9609803385b448f926ac720","slug":"cloud-storage-bandwidth-storage-and-big-zips","md_file":"/shows/780 - Cloud Storage: Bandwidth, Storage and BIG ZIPS.md","created_at":"2024-06-05T14:38:05.496Z","updated_at":"2024-08-29T14:18:23.908Z","show_type":"HASTY","guests":[],"notesFile":"/shows/780 - Cloud Storage: Bandwidth, Storage and BIG ZIPS.md","displayNumber":"780","displayDate":"June 10th, 2024"},{"id":"syntax_podcast_show_00779","number":779,"title":"Why SQLite is Taking Over with Brian Holt & Marco Bambini","date":"2024-06-07T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_779.mp3","youtube_url":"https://www.youtube.com/watch?v=tJ3wCtT0hfY","show_notes":"\nScott and CJ dive into the world of SQLite Cloud with special guests Brian Holt and Marco Bambini. They explore why SQLite is gaining traction, its unique features, and the misconceptions surrounding its use—let's get into it!\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:20](#t=01:20)** Who is Brian Holt?\n* **[02:26](#t=02:26)** Who is Marco Bambini?\n* **[05:12](#t=05:12)** Why are people starting to talk so much about SQLite now?\n* **[08:47](#t=08:47)** What makes SQLite special or interesting?\n* **[09:46](#t=09:46)** What is a big misconception about SQLite?\n* **[11:13](#t=11:13)** Installed by default in operating systems.\n* **[12:03](#t=12:03)** A perception that SQLite is intended for single users.\n* **[13:36](#t=13:36)** Convincing developers it's a full-featured solution.\n* **[15:11](#t=15:11)** What does SQLite do better than [Postgres](https://www.postgresql.org/) or [MySQL](https://www.mysql.com/)?\n* **[17:30](#t=17:30)** SQLite Cloud & local first features.\n* **[20:38](#t=20:38)** Where does SQLite store the offline information?\n* **[23:08](#t=23:08)** Are you typically reaching for ORMs?\n* **[25:00](#t=25:00)** What is [SQLite Cloud](https://sqlitecloud.io/)?\n* **[27:29](#t=27:29)** What makes for an approachable software?\n* **[29:18](#t=29:18)** What make SQLite cloud different from other hosted SQLite options?\n* **[32:13](#t=32:13)** Is SQLite still evolving?\n* **[34:40](#t=34:40)** What about branching?\n* **[37:37](#t=37:37)** What is the GA timeline?\n* **[40:04](#t=40:04)** How does SQLite actually work?\n* **[41:19](#t=41:19)** Questions about security.\n* **[44:28](#t=44:28)** But does it scale?\n* **[45:52](#t=45:52)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\nBrian: [Trainer Road](https://www.trainerroad.com/)\nMarco: Tennis\n\n### Shameless Plugs\n\n- Brian: [SQLite Cloud](https://sqlitecloud.io/), [Frontend Masters - Containers](https://frontendmasters.com/courses/complete-intro-containers/).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"aeed7f00e8edc4ccc7e90b5b33636aa0df18ddff5ae90e516e02cba05b331607","slug":"why-sqlite-is-taking-over-with-brian-holt-and-marco-bambini","md_file":"/shows/779 - Why SQLite is Taking Over with Brian Holt & Marco Bambini.md","created_at":"2024-06-05T14:38:05.282Z","updated_at":"2024-08-29T14:18:23.830Z","show_type":"SUPPER","guests":[{"Guest":{"github":"btholt","name":"Brian Holt"}},{"Guest":{"github":"marcobambini","name":"Marco Bambini"}}],"notesFile":"/shows/779 - Why SQLite is Taking Over with Brian Holt & Marco Bambini.md","displayNumber":"779","displayDate":"June 7th, 2024"},{"id":"syntax_podcast_show_00778","number":778,"title":"11 Habits of Highly Effective Developers","date":"2024-06-05T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_778.mp3","youtube_url":"https://www.youtube.com/watch?v=wZoJBLjS6Tw","show_notes":"\nToday, Scott and Wes dive into the 11 habits of effective web developers, from understanding stakeholder goals to maintaining a work-life balance. We'll explore the importance of continuous learning, having a problem-solver mentality, and being empathetic towards coworkers and users—let's get into it!\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n * [Previous Episode: 754](https://syntax.fm/754).\n* **[00:50](#t=00:50)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n * **[01:24](#t=01:24)** Denver weather is something else.\n* **[02:15](#t=02:15)** Habit #1: You understand stakeholder and business goals.\n* **[05:34](#t=05:34)** Habit #2: You're curious and always learning.\n* **[07:43](#t=07:43)** Habit #3: You have an open mind about new technology.\n* **[11:29](#t=11:29)** Habit #4: You ask for help.\n* **[13:43](#t=13:43)** Habit #5: You help others.\n * **[16:51](#t=16:51)** Chicken drumsticks.\n* **[17:35](#t=17:35)** Habit #6: You have a \"problem solver\" mentality.\n * **[24:44](#t=24:44)** Hose repair.\n* **[26:02](#t=26:02)** Habit #7: You have fun with what you do.\n* **[29:56](#t=29:56)** Habit #8: You understand work-life balance.\n* **[33:18](#t=33:18)** Habit #9: You are empathetic to your co-workers and users.\n* **[37:19](#t=37:19)** Habit #10: You pay attention to detail.\n* **[41:18](#t=41:18)** Habit #11: You're part of the community.\n* **[45:55](#t=45:55)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Solar Lanterns](https://amzn.to/4dn2fHw).\n- Wes: [Ninja Obstacle Course](https://amzn.to/44vD6q6).\n\n### Shameless Plugs\n\n- Scott: [Syntax on YouTube](https://youtube.com/@syntaxfm).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"77baa767bf8b9e8ecd03b4b3b7c1d0c8da919639287232b7c82df0f33c58925d","slug":"11-habits-of-highly-effective-developers","md_file":"/shows/778 - 11 Habits of Highly Effective Developers.md","created_at":"2024-06-05T14:38:05.226Z","updated_at":"2024-08-29T14:18:23.791Z","show_type":"TASTY","guests":[],"notesFile":"/shows/778 - 11 Habits of Highly Effective Developers.md","displayNumber":"778","displayDate":"June 5th, 2024"},{"id":"syntax_podcast_show_00777","number":777,"title":"The Modern Dev CMS - Pocketbase","date":"2024-06-03T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_777.mp3","youtube_url":"https://www.youtube.com/watch?v=Eg38JbgbttA","show_notes":"\nToday, Scott and Wes are diving into Pocketbase, a fantastic tool for web developers to quickly set up a CMS without breaking a sweat. We'll cover everything from its Go-based architecture to its slick admin interface and how you can get started hosting it for free on Fly.io.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:34](#t=01:34)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:26](#t=02:26)** Overview of [Pocketbase](https://pocketbase.io/).\n* **[06:51](#t=06:51)** Written in Go, but no extending needed.\n * [Host for free on Fly.io](https://github.com/pocketbase/pocketbase/discussions/537).\n* **[07:37](#t=07:37)** Hooks.\n* **[08:05](#t=08:05)** [Authentication](https://pocketbase.io/docs/authentication) + roles.\n* **[09:23](#t=09:23)** The admin experience.\n* **[11:18](#t=11:18)** Managing export [collections](https://pocketbase.io/docs/collections).\n* **[13:21](#t=13:21)** Creating your own schema.\n* **[13:53](#t=13:53)** Adding indexes.\n* **[14:08](#t=14:08)** [API rules](https://pocketbase.io/docs/api-files).\n* **[15:01](#t=15:01)** Adding complex roles.\n* **[16:15](#t=16:15)** Full-featured admin with a great UI.\n* **[16:59](#t=16:59)** Collection API preview.\n* **[17:41](#t=17:41)** Docs with app-specific context.\n* **[18:54](#t=18:54)** [Logs](https://pocketbase.io/docs/api-logs).\n* **[19:02](#t=19:02)** Settings.\n* **[19:42](#t=19:42)** Executable vs npm install.\n* **[20:29](#t=20:29)** Are the collections fully typed?\n* **[21:01](#t=21:01)** Some more settings.\n* **[22:56](#t=22:56)** One click [Coolify](https://coolify.io/) install.\n * [Svelte Kit / Svelte 5 / Pocketbase Example](https://github.com/stolinski/the-break).\n * [Svelte / Pocketbase Starter](https://github.com/stolinski/drop-in).\n * [Pocketbase Typegen](https://github.com/patmood/pocketbase-typegen).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"bb03b1fe1e9275356b87198e1797a6272df148310f7bfc06464a8ecc44263d79","slug":"the-modern-dev-cms-pocketbase","md_file":"/shows/777 - The Modern Dev CMS - Pocketbase.md","created_at":"2024-05-29T18:00:42.663Z","updated_at":"2024-08-29T14:18:23.759Z","show_type":"HASTY","guests":[],"notesFile":"/shows/777 - The Modern Dev CMS - Pocketbase.md","displayNumber":"777","displayDate":"June 3rd, 2024"},{"id":"syntax_podcast_show_00776","number":776,"title":"How 1Password Uses WASM and Rust for Local First Dev With Andrew Burkhart","date":"2024-05-31T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_776.mp3","youtube_url":"https://www.youtube.com/watch?v=DjfnxkqANIk","show_notes":"\nToday we're serving up an episode on 1Password with Senior Rust Developer Andrew Burkhart, delving into how 1Password works, tackling conflict resolution and security challenges, and exploring the benefits of using Rust.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax\n* **[00:57](#t=00:57)** Who is Andrew Burkhart?\n* **[01:36](#t=01:36)** How does 1Password work?\n* **[03:24](#t=03:24)** What's the data flow on creating a new login?\n* **[05:40](#t=05:40)** The conflict resolution challenges of pull first, push second.\n* **[06:46](#t=06:46)** Merging strategies: How do you chose which device wins the conflict?\n* **[08:27](#t=08:27)** 1Password's sync is fast and reliable.\n* **[11:20](#t=11:20)** Nuances of the extension.\n* **[12:59](#t=12:59)** The value of Hackathons.\n* **[13:40](#t=13:40)** What's the main benefit of 1Password using Rust?\n* **[15:41](#t=15:41)** [Watchtower](https://watchtower.1password.com/) processing.\n* **[17:15](#t=17:15)** [1Password SSH](https://1password.com/developers/ssh).\n* **[18:17](#t=18:17)** 1Password env.\n* **[19:11](#t=19:11)** Some other cool tools.\n* **[20:33](#t=20:33)** Does the increased security make developing challenging?\n* **[25:26](#t=25:26)** What's 1Password's security onboarding like?\n* **[27:47](#t=27:47)** 1Password and WASM.\n* **[31:45](#t=31:45)** [Tokio](https://tokio.rs/) as the asynchronous runtime for Rust.\n* **[34:25](#t=34:25)** Scott's Rust based video app.\n* **[35:03](#t=35:03)** What is an FFI?\n* **[38:13](#t=38:13)** How did you learn Rust?\n * [Jon Gjengset - Rust Nation UK YouTube](https://www.youtube.com/watch?v=qfknfCsICUM).\n * [Let's Get Rusty YouTube](https://www.youtube.com/@letsgetrusty).\n* **[41:13](#t=41:13)** Why is the 1Password team so big?\n* **[42:40](#t=42:40)** Are there teams that manage individual applications for errors?\n* **[43:45](#t=43:45)** Challenges with WASM.\n* **[48:59](#t=48:59)** Syntax horror stories.\n * [Episode 586 with Eric Sartorius](https://syntax.fm/show/586/supper-club-digital-nomad-with-eric-sartorius).\n* **[52:50](#t=52:50)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Andrew: [Nix Mini 3](https://www.nixsensor.com/mini-3-color-sensor/), [Asynchronous Programming in Rust](https://rust-lang.github.io/async-book/).\n\n### Shameless Plugs\n\n- Andrew: [1Password](https://1password.com/).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"86d85b6ced28c36bc818101190ba347d7fa20d1cddd20a6ed78a301c387cbbc1","slug":"how-1password-uses-wasm-and-rust-for-local-first-dev-with-andrew-burkhart","md_file":"/shows/776 - How 1Password Uses WASM and Rust for Local First Dev With Andrew Burkhart.md","created_at":"2024-05-28T15:00:49.988Z","updated_at":"2024-08-29T14:18:23.678Z","show_type":"SUPPER","guests":[{"Guest":{"github":"DrewBurkhart","name":"Andrew Burkhart"}}],"notesFile":"/shows/776 - How 1Password Uses WASM and Rust for Local First Dev With Andrew Burkhart.md","displayNumber":"776","displayDate":"May 31st, 2024"},{"id":"syntax_podcast_show_00775","number":775,"title":"Components We Need on Every Project","date":"2024-05-29T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_775.mp3","youtube_url":"https://www.youtube.com/watch?v=st2JGON63Kg","show_notes":"\nIn today's episode, Scott and Wes dive into the essential components they need on every web project, discussing whether to build them from scratch or leverage existing libraries—everything from navigation bars and modals to toast messages and icons.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:48](#t=01:48)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:53](#t=02:53)** Nav / Mobile Nav.\n* **[08:43](#t=08:43)** Header.\n* **[10:41](#t=10:41)** Toast message.\n * [Wes' TikTok Demo](https://www.tiktok.com/@wesbos/video/7355529411547942150).\n* **[18:51](#t=18:51)** Portal.\n* **[21:02](#t=21:02)** Drawer.\n* **[22:56](#t=22:56)** Auth forms.\n* **[28:49](#t=28:49)** Dialog / Modal.\n* **[31:30](#t=31:30)** Whats the difference between popover and dialog?\n* **[33:48](#t=33:48)** Confirm.\n * [Scott's YouSureAboutThat](https://github.com/stolinski/the-break/blob/main/src/lib/YouSureAboutThat.svelte).\n* **[35:46](#t=35:46)** Bonus tip on becoming a better developer.\n* **[36:29](#t=36:29)** Admin menu.\n * [Level Up Tutorials - Side Menu Demo](https://svelte.dev/repl/d7d81d10ada74b83a574492964c3e5d0?version=3.44.0).\n* **[37:51](#t=37:51)** Scott's package directory rant.\n* **[40:26](#t=40:26)** Mobile only / Desktop only.\n* **[40:41](#t=40:41)** Client only.\n* **[40:57](#t=40:57)** Admin table.\n* **[41:23](#t=41:23)** The dump.\n* **[43:39](#t=43:39)** Share / Social links.\n * [Syntax ShareWindow](https://github.com/syntaxfm/website/blob/main/src/lib/share/ShareWindow.svelte).\n* **[45:44](#t=45:44)** Markdown renderer.\n* **[45:58](#t=45:58)** Tabs.\n* **[46:08](#t=46:08)** User menu.\n* **[46:18](#t=46:18)** Icon.\n* **[48:07](#t=48:07)** Loading.\n* **[49:21](#t=49:21)** Drop-down menu.\n* **[49:31](#t=49:31)** Accordion.\n * [CSS Tricks - How to Animate the Details Element](https://css-tricks.com/how-to-animate-the-details-element/).\n* **[52:13](#t=52:13)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Supercommunicators](https://amzn.to/3y6Aenm).\n- Wes: [Klack](https://tryklack.com/), [Mech Vibes](https://mechvibes.com/).\n\n### Shameless Plugs\n\n- Scott: [Syntax on YouTube](https://youtube.com/@syntaxfm).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"bd7b212bb7271b85971d33ffaafb3c0aff5d4202572af39406e06b11d8637901","slug":"components-we-need-on-every-project","md_file":"/shows/775 - Components We Need on Every Project.md","created_at":"2024-05-24T18:00:47.409Z","updated_at":"2024-08-29T14:18:23.647Z","show_type":"TASTY","guests":[],"notesFile":"/shows/775 - Components We Need on Every Project.md","displayNumber":"775","displayDate":"May 29th, 2024"},{"id":"syntax_podcast_show_00774","number":774,"title":"Promise Flow Control, Concurrency, Libraries, TypeScript and Deferreds - Part 3","date":"2024-05-27T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_774.mp3","youtube_url":"https://www.youtube.com/watch?v=wLNnTEQdyvo","show_notes":"\nIn today's episode, Scott and Wes dive into the final part of our JavaScript Promises series, covering deferred promises, fetch, flow control, concurrency with libraries like p-map and p-limit, and integrating TypeScript.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:31](#t=00:31)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[01:11](#t=01:11)** Deferred promises.\n * [Promise.withResolvers()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/withResolvers).\n * [Wes' TikTok](https://www.tiktok.com/@wesbos/video/7351425110932196613).\n* **[06:10](#t=06:10)** Fetch.\n* **[09:04](#t=09:04)** Flow Control.\n* **[12:19](#t=12:19)** Concurrency, Throttling, Queuing.\n * [p-map](https://github.com/sindresorhus/p-map).\n * [p-limit](https://www.npmjs.com/package/p-limit).\n* **[16:13](#t=16:13)** TypeScript and Promises.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"c00dc90ddbdb237caf9a082c031e80e7bb04ae3cb77be5d660da7e2a5bfef38e","slug":"promise-flow-control-concurrency-libraries-typescript-and-deferreds-part-3","md_file":"/shows/774 - Promise Flow Control, Concurrency, Libraries, TypeScript and Deferreds - Part 3.md","created_at":"2024-05-23T21:00:17.384Z","updated_at":"2024-08-29T14:18:23.611Z","show_type":"HASTY","guests":[],"notesFile":"/shows/774 - Promise Flow Control, Concurrency, Libraries, TypeScript and Deferreds - Part 3.md","displayNumber":"774","displayDate":"May 27th, 2024"},{"id":"syntax_podcast_show_00773","number":773,"title":"React Native with Robin Heinze","date":"2024-05-24T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_773.mp3","youtube_url":"https://www.youtube.com/watch?v=0NIctHvfH10","show_notes":"\nScott and Wes dish out a feast with Robin Heinze from Infinite Red, diving into the world of React Native. They discuss how React Native differs from other webview platforms, highlight popular apps built with it, and serve up essential tools and libraries to spice up every React Native project.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:13](#t=01:13)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[01:30](#t=01:30)** React Native is different than Cordova or other webview platforms.\n* **[04:18](#t=04:18)** Is there a 'write once deploy everywhere' aspect?\n* **[05:48](#t=05:48)** What are some React Native apps people may not realize?\n * [Mercari: Buying & Selling App](https://apps.apple.com/us/app/mercari-buying-selling-app/id896130944).\n* **[07:13](#t=07:13)** What about Twitter + Facebook?\n* **[09:15](#t=09:15)** What is Expo? Is Expo Required?\n * [expo.dev](https://expo.dev/).\n* **[13:27](#t=13:27)** Does it require a Mac to build an iOS app?\n* **[14:58](#t=14:58)** React Native and routing.\n * [Expo Router](https://docs.expo.dev/router/introduction/).\n* **[16:56](#t=16:56)** How do native apps normally work without a URL?\n* **[18:35](#t=18:35)** Can you use CSS with React Native?\n* **[20:27](#t=20:27)** Do React Native or Tamagui translate to CSS or Yoga?\n * [Tamagui](https://tamagui.dev/).\n * [Yoga Layout](https://www.yogalayout.dev/).\n* **[21:02](#t=21:02)** React Native app styling on Android and iOS.\n* **[22:20](#t=22:20)** React Native's own JavaScript engine.\n * [React Native Docs: Using Hermes](https://reactnative.dev/docs/hermes).\n* **[23:30](#t=23:30)** Does Hermes have full JS support?\n* **[23:52](#t=23:52)** What is the new architecture of React Native?\n * [New Architecture](https://github.com/reactwg/react-native-new-architecture).\n * [React Native JSI](https://blog.logrocket.com/leveraging-react-native-jsi-enhance-speed-performance/).\n* **[26:11](#t=26:11)** Avoiding translation errors.\n* **[27:24](#t=27:24)** Will this change break a lot of older React Native apps?\n* **[28:24](#t=28:24)** Has React Native improved update stability?\n* **[29:55](#t=29:55)** Where else can React Native run?\n* **[32:52](#t=32:52)** JavaScript on smart TVs and other smart devices.\n* **[33:57](#t=33:57)** Bridging to native APIs.\n * [Tauri](https://tauri.app/).\n* **[37:14](#t=37:14)** State management.\n * [Redux.js](https://redux.js.org/).\n * [MobX State Tree](https://mobx-state-tree.js.org/intro/welcome).\n* **[39:30](#t=39:30)** What are some tools + libraries that you install on most projects?\n * [JestJS](https://jestjs.io/).\n * [Maestro](https://maestro.mobile.dev/platform-support/react-native).\n * [Detox](https://github.com/wix/Detox).\n* **[41:58](#t=41:58)** How do you manage authentication?\n* **[44:55](#t=44:55)** Does Facebook use React Native?\n* **[47:15](#t=47:15)** Supper Club Questions.\n* **[50:29](#t=50:29)** Sick Picks + Shameless Plugs.\n\n\n### Sick Picks\n\n- Robin: [Awesome Sock Club](https://awesomesocks.club/)\n[Wes' X Post](https://twitter.com/wesbos/status/1790416987241283824).\n\n### Shameless Plugs\n\n- Guest: [Infinite Red](https://infinite.red/), [ChainReactConf](https://chainreactconf.com/), [React Native Radio](https://reactnativeradio.com/).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"d221281c1c5ddffddbb04c83226214b3ad172173296a699deb4998854a1acd63","slug":"react-native-with-robin-heinze","md_file":"/shows/773 - React Native with Robin Heinze.md","created_at":"2024-05-23T18:00:49.915Z","updated_at":"2024-08-29T14:18:23.537Z","show_type":"SUPPER","guests":[{"Guest":{"github":"robinheinze","name":"Robin Heinze"}}],"notesFile":"/shows/773 - React Native with Robin Heinze.md","displayNumber":"773","displayDate":"May 24th, 2024"},{"id":"syntax_podcast_show_00772","number":772,"title":"React Server Components with PHP, Selling Accessibility, WTF is Cloudflare + more","date":"2024-05-22T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_772.mp3","youtube_url":"https://www.youtube.com/watch?v=pRLrhv1HgcE","show_notes":"\nIn this Potluck episode of Syntax, Scott and Wes tackle community questions on handling overwork, teaching programming to family, and React’s Server Components. They also discuss quantifying accessibility improvements, choosing course platforms, and navigating professional growth in challenging workplaces.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n * [Thanks to Codeium](https://codeium.com/).\n * [Syntax Episode 728 with Codeium](https://syntax.fm/728).\n* **[01:37](#t=01:37)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:38](#t=02:38)** Rewarding hard work with more work.\n* **[07:14](#t=07:14)** April Fools Episode.\n * [Syntax Episode 750 on April Fools](https://syntax.fm/show/750/new-css-and-javascript-you-should-be-using).\n* **[09:03](#t=09:03)** Teaching programming to your family.\n * [Codespark](https://codespark.com/).\n* **[15:56](#t=15:56)** React Server Components using JS runtime.\n* **[19:58](#t=19:58)** What happened to the intro music?\n* **[23:06](#t=23:06)** How can I quantify my work to the executive leadership team?\n* **[29:16](#t=29:16)** Should I host my own course website or use Udemy?\n* **[35:34](#t=35:34)** Navigating professional growth in toxic workplaces.\n* **[40:43](#t=40:43)** Getting started in native dev with tools like Tamagui.\n * [Syntax Episode 601 on Tamagui](https://syntax.fm/show/601/supper-club-nate-weinert-and-tamagui).\n* **[45:42](#t=45:42)** Cloudflare, what the heck is it?\n* **[50:49](#t=50:49)** Sick Picks + Shameless Plugs.\n\nYou're looking for this > [Swag Drop](https://sentry.shop/discount/0MTCV1BCQQDW?redirect=%2Fproducts%2Fsentry-aint-broke-tee)\n\n### Sick Picks\n\n- Scott: [Folex](https://amzn.to/3xOie17).\n- Wes: [CalDigit TS4](https://www.caldigit.com/thunderbolt-station-4/).\n\n### Shameless Plugs\n\n- Scott: [Syntax on YouTube](https://youtube.com/@syntaxfm)\n- Wes: Ditto\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"42c607bf9d21a281f64166698578c6264bdb2bb837e55caf5b08f05e687e8db2","slug":"react-server-components-with-php-selling-accessibility-wtf-is-cloudflare-more","md_file":"/shows/772 - React Server Components with PHP, Selling Accessibility, WTF is Cloudflare + more.md","created_at":"2024-05-21T15:00:22.355Z","updated_at":"2024-08-29T14:18:23.493Z","show_type":"TASTY","guests":[],"notesFile":"/shows/772 - React Server Components with PHP, Selling Accessibility, WTF is Cloudflare + more.md","displayNumber":"772","displayDate":"May 22nd, 2024"},{"id":"syntax_podcast_show_00771","number":771,"title":"Promises: Error Handling, Aborts, and Helper Methods - Part 2","date":"2024-05-20T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_771.mp3","youtube_url":"https://www.youtube.com/watch?v=7gTwa9ofqcM","show_notes":"\nWe're diving into part 2 of our 3-part series on Promises, focusing on error handling, aborts, and essential helper methods. We'll explore how to manage errors effectively and improve performance with abort signals. Let's get into it!\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:41](#t=00:41)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:00](#t=02:00)** Cancelling promises.\n* **[05:16](#t=05:16)** Why would you reach for an abort signal?\n* **[06:26](#t=06:26)** Promise helpers.\n * **[07:04](#t=07:04)** Promise.all() vs Promise.allSettled().\n * **[09:12](#t=09:12)** promiseInstance.finally()\n * **[09:26](#t=09:26)** Promise.any() and Promise.race()\n* **[12:08](#t=12:08)** Error handling strategies.\n * [Tuple await-to-js](https://www.npmjs.com/package/await-to-js).\n * [Youtube - 5 Async + Await Error Handling Strategies](https://www.youtube.com/watch?v=wsoQ-fgaoyQ).\n* **[17:30](#t=17:30)** Promise.race() example.\n* **[18:54](#t=18:54)** Static Promise.reject() and .resolve() methods.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"d7d56785a9b7864cd31461e7503bf0b597a432928d7bc3b1c2b78ebd3569d81b","slug":"promises-error-handling-aborts-and-helper-methods-part-2","md_file":"/shows/771 - Promises: Error Handling, Aborts.md","created_at":"2024-05-16T21:00:09.737Z","updated_at":"2024-08-29T14:18:23.460Z","show_type":"HASTY","guests":[],"notesFile":"/shows/771 - Promises: Error Handling, Aborts.md","displayNumber":"771","displayDate":"May 20th, 2024"},{"id":"syntax_podcast_show_00770","number":770,"title":"Design Systems With Brad Frost (Rereleased)","date":"2024-05-17T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_770.mp3","youtube_url":"https://www.youtube.com/watch?v=8GngWugEOCc","show_notes":"\nIn this revisited supper club episode, Wes and Scott talk with Brad Frost about how to implement design systems in small and large scale projects, best practices around naming things, keeping everything in sync across different codebases, and how design systems help projects.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:49](#t=00:49)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[01:14](#t=01:14)** Introducing Brad Frost.\n* [Brad Frost.com](https://bradfrost.com/).\n* [Atomic Design by Brad Frost](https://atomicdesign.bradfrost.com/).\n* [Brad (@brad_frost) on Twitter](https://twitter.com/brad_frost).\n* [Brad on LinkedIn](https://www.linkedin.com/in/bradfrost/).\n* [Brad on Mastodon](https://mastodon.social/@brad_frost).\n* [Brad on YouTube](https://www.youtube.com/@brad_frost).\n* [Brad on GitHub](https://github.com/bradfrost).\n* [Brad Frost on CodePen](https://codepen.io/bradfrost/).\n* [Big Medium | Design for What's Next](https://bigmedium.com/).\n* **[06:26](#t=06:26)** What is a design system?\n* **[11:48](#t=11:48)** How do you keep design and code in sync?\n* [Material Design](https://m3.material.io/).\n* [Shopify Polaris](https://polaris.shopify.com/).\n* [Carbon Design System](https://carbondesignsystem.com/).\n* [The Design System Ecosystem | Brad Frost](https://bradfrost.com/blog/post/the-design-system-ecosystem/).\n* **[15:52](#t=15:52)** How do you use Shopify, WordPress, React, etc. through a design system?\n* **[19:19](#t=19:19)** How is CSS handled?\n* **[25:19](#t=25:19)** What's the benefit of going all in on web components?\n* **[28:49](#t=28:49)** Do small startups need to worry about design systems?\n* **[32:36](#t=32:36)** How do design tokens work?\n* **[37:38](#t=37:38)** How do you deal with pushback on design systems?\n* **[41:05](#t=41:05)** How do you go outside the guidelines?\n* **[44:52](#t=44:52)** What system do you use for naming things?\n* **[49:06](#t=49:06)** How do you best document your language choices?\n* **[50:41](#t=50:41)** Supper Club questions.\n* [Thinking in Systems](https://www.amazon.com/Thinking-Systems-Donella-H-Meadows/dp/1603580557).\n* [Miriam Eric Suzanne](https://www.miriamsuzanne.com/).\n* [Zeldman on Web and Interaction Design](https://www.zeldman.com/).\n* **[57:12](#t=57:12)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Brad: [Rubblebucket](https://en.wikipedia.org/wiki/Rubblebucket).\n\n### Shameless Plugs\n\n- Brad: [Frostapalooza! | Brad Frost](https://bradfrost.com/blog/post/frostapalooza/), [FROSTAPALOOZA - A Concert Party Happening On August 17th 2024](https://40.bradfrost.com/).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"a6297a9941e49b0de2aa83f352e37bafd0bd75888ff398a10ebab7dbf6b4e5c2","slug":"design-systems-with-brad-frost-rereleased","md_file":"/shows/770 - Design Systems With Brad Frost (Rereleased).md","created_at":"2024-05-16T15:00:05.158Z","updated_at":"2024-08-29T14:18:23.385Z","show_type":"SUPPER","guests":[{"Guest":{"github":"bradfrost","name":"Brad Frost"}}],"notesFile":"/shows/770 - Design Systems With Brad Frost (Rereleased).md","displayNumber":"770","displayDate":"May 17th, 2024"},{"id":"syntax_podcast_show_00769","number":769,"title":"React Miami Live Show","date":"2024-05-15T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_769.mp3","youtube_url":"https://www.youtube.com/watch?v=oOoBlD7zHRo","show_notes":"\nWelcome to a special live edition of Syntax, recorded at React Miami! Join Scott and Wes as they dish out games galore, from Spot the Syntax Error to JS or NAYS, all while engaging with the audience in this lively session of coding camaraderie. Plus, who's the better programmer? Stay tuned to find out!\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:54](#t=00:54)** Meet the [Syntax team](https://syntax.fm/about).\n* **[01:22](#t=01:22)** The plan for today.\n* **[02:38](#t=02:38)** .map() .filter() .reduce()\n* **[06:39](#t=06:39)** Syntax Error.\n* **[15:37](#t=15:37)** JS or NAYS.\n* **[21:08](#t=21:08)** Audience Stump'd.\n* **[24:51](#t=24:51)** Q + EH.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"ab4fbd9aee50ce0ca4a7f5b9ebb900f8ed34350e558710583051681317c4d549","slug":"react-miami-live-show","md_file":"/shows/769 - React Miami.md","created_at":"2024-05-10T15:00:28.497Z","updated_at":"2024-08-29T14:18:23.355Z","show_type":"TASTY","guests":[],"notesFile":"/shows/769 - React Miami.md","displayNumber":"769","displayDate":"May 15th, 2024"},{"id":"syntax_podcast_show_00768","number":768,"title":"React 19 is here!","date":"2024-05-13T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_768.mp3","youtube_url":"https://www.youtube.com/watch?v=C3-YV2cX2BU","show_notes":"\nScott and Wes serve up all the deets on the latest React 19 update, exploring new features like actions, web components, use()API, and document metadata. Stay tuned as they discuss the ins and outs of upgrading to React 19 and what it means for your projects.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:30](#t=01:30)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:03](#t=02:03)** What's in the update?\n* [React 19 Beta Release Notes](https://react.dev/blog/2024/04/25/react-19).\n * **[03:03](#t=03:03)** Actions + server actions.\n * [Syntax Episode 766](https://syntax.fm/766).\n * **[04:54](#t=04:54)** Using server actions for a checkout.\n * **[06:11](#t=06:11)** Web components.\n * [Custom Elements Everywhere](https://custom-elements-everywhere.com/).\n * **[09:44](#t=09:44)** use() API.\n * **[10:31](#t=10:31)** With promises.\n * **[14:25](#t=14:25)** With context.\n * **[17:32](#t=17:32)** How does [Zustand](https://zustand-demo.pmnd.rs/) work?\n * [Stately.ai](https://stately.ai/).\n * [X @DavidKPiano](https://twitter.com/DavidKPiano).\n * **[18:26](#t=18:26)** No more ForwardRef.\n * **[20:05](#t=20:05)** Ref cleanup.\n * **[20:43](#t=20:43)** Document metadata.\n* **[24:14](#t=24:14)** Upgrading to React 19.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"569057e86ae3814910174306e04ddae93adc58a13a6839382aadcf5f2bd0e67c","slug":"react-19-is-here","md_file":"/shows/768 - React 19.md","created_at":"2024-05-07T18:00:55.209Z","updated_at":"2024-08-29T14:18:23.324Z","show_type":"HASTY","guests":[],"notesFile":"/shows/768 - React 19.md","displayNumber":"768","displayDate":"May 13th, 2024"},{"id":"syntax_podcast_show_00767","number":767,"title":"Local First and TypeScript’s Missing Library with Johannes Schickling","date":"2024-05-10T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_767.mp3","youtube_url":"https://www.youtube.com/watch?v=TrVYBfIsOa0","show_notes":"\nIn this episode, Scott and Wes dive into the world of local-first apps with Johannes Schickling, the mastermind behind Prisma. From databases, WASM for non-JS, to authentication challenges, they explore the ins and outs of crafting apps that prioritize local functionality.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:10](#t=01:10)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[01:28](#t=01:28)** What is [Overtone](https://overtone.pro/)?\n* **[03:45](#t=03:45)** Can you explain the experience you're trying to achieve?\n* **[06:43](#t=06:43)** What makes the best music app? Is it local first?\n* **[08:03](#t=08:03)** Is it best to create a local first app from the ground up?\n* **[10:31](#t=10:31)** What are the considerations when making a local first app?\n* **[13:04](#t=13:04)** What database are you using?\n* [Riffle](https://riffle.systems/).\n* **[16:12](#t=16:12)** How do you handle authentication?\n* **[19:15](#t=19:15)** Pick the tech based on the problem.\n* **[20:40](#t=20:40)** WASM for Non-JS or heavy lifting tasks.\n* **[24:39](#t=24:39)** How did you get SQLite running in the browser?\n* **[27:58](#t=27:58)** What about WA-SQLite, how does it compare to [Riffle](https://riffle.systems/)?\n* [TLDraw Make-real](https://github.com/tldraw/make-real).\n* **[29:24](#t=29:24)** The backstory of [Effect](https://effect.website/) for TypeScript.\n* **[34:04](#t=34:04)** What actually is Effect?\n* **[39:32](#t=39:32)** Consolidating tools.\n* **[42:30](#t=42:30)** What's a cool aspect of Effect that is often overlooked?\n* **[45:47](#t=45:47)** Building a web server with this.\n* [EffectTS RPC](https://github.com/Effect-TS/rpc).\n* **[48:16](#t=48:16)** Will this ever get [\"Bluebirded\"](https://www.npmjs.com/package/bluebird)?\n* **[50:29](#t=50:29)** What about promises?\n* [Zio World](https://www.zioworld.com/)\n* **[52:19](#t=52:19)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Johannes: [Open Telemetry](https://opentelemetry.io/), [Sentry Open Telemetry](https://sentry.io/for/opentelemetry/).\n\n### Shameless Plugs\n\n- Johannes: [localfirst.fm](https://www.localfirst.fm/).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"bc9f4683f4bdb170ae582385035367ea8679ed62418663aae42a118f095acf5f","slug":"local-first-and-typescript-s-missing-library-with-johannes-schickling","md_file":"/shows/767 - Local First Johannes.md","created_at":"2024-05-07T15:00:24.763Z","updated_at":"2024-08-29T14:18:23.239Z","show_type":"SUPPER","guests":[{"Guest":{"github":"schickling","name":"Johannes Schickling"}}],"notesFile":"/shows/767 - Local First Johannes.md","displayNumber":"767","displayDate":"May 10th, 2024"},{"id":"syntax_podcast_show_00766","number":766,"title":"React Server Components: Form Actions + Server Actions","date":"2024-05-08T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_766.mp3","youtube_url":"https://www.youtube.com/watch?v=wI_nxb4h1As","show_notes":"\nScott and Wes are here to guide you through the world of React Server Components, shedding light on the intricacies of Form Actions and Server Actions. Get ready to level up your React skills as they discuss the ins and outs of these powerful features and share their expert advice on optimizing your applications.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* [Show 718 React Server Components](https://syntax.fm/show/718/react-server-components).\n* **[02:04](#t=02:04)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[03:04](#t=03:04)** What are form actions?\n* [GitHub Add React.useActionState PR](https://github.com/facebook/react/pull/28491)\n* **[04:05](#t=04:05)** Almost entirely React.\n* **[04:31](#t=04:31)** What is the 'server' in Vanilla React?\n* **[06:10](#t=06:10)** Would React ever ship their own server?\n* **[07:29](#t=07:29)** What are actions?\n* **[08:34](#t=08:34)** Two huge benefits to actions.\n * **[08:45](#t=08:45)** Avoid custom useEffects or third party libraries.\n * **[09:17](#t=09:17)** Calling server code from the client without any APIS.\n* **[11:31](#t=11:31)** Some examples of actions.\n* **[12:54](#t=12:54)** Can these actions be done in a client component?\n* **[13:40](#t=13:40)** Where to use actions.\n * **[13:49](#t=13:49)** On a form submit.\n * **[15:30](#t=15:30)** In an event handler.\n * **[15:57](#t=15:57)** In a useEffect().\n* **[17:13](#t=17:13)** How to actually use an action.\n* [React Hooks](https://react.dev/reference/react-dom/hooks)\n * **[17:30](#t=17:30)** [useActionState() hook](https://react.dev/reference/react/useActionState).\n * **[18:49](#t=18:49)** The state of the action.\n * **[19:35](#t=19:35)** The bound action.\n * **[19:46](#t=19:46)** The pending state.\n * **[23:16](#t=23:16)** [useFormStatus() hook](https://react.dev/reference/react-dom/hooks/useFormStatus).\n* **[24:38](#t=24:38)** Action inputs.\n* **[26:13](#t=26:13)** Server vs client.\n* **[28:30](#t=28:30)** This is not PHP.\n* **[30:31](#t=30:31)** What is optimistic UI?\n * **[33:26](#t=33:26)** [useOptimistic() hook](https://react.dev/reference/react/useOptimistic).\n* **[37:02](#t=37:02)** Some final thoughts.\n* **[40:18](#t=40:18)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Good Follows: [Alex Katt](https://twitter.com/alexdotjs/status/1774496016294719911).\n\n- Scott: [Tiny Portable Ultra-Mini Air Pump](https://amzn.to/3Q4T3gS).\n- Wes: [AVerMedia 4k Capture Card](https://amzn.to/3TXv847).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"a4ea308697ee593b944b7a6fa68278f0679737f3c0be476dde015aeddb6722e1","slug":"react-server-components-form-actions-server-actions","md_file":"/shows/766 - React Form Actions + Server Actions.md","created_at":"2024-05-03T18:00:15.360Z","updated_at":"2024-08-29T14:18:23.203Z","show_type":"TASTY","guests":[],"notesFile":"/shows/766 - React Form Actions + Server Actions.md","displayNumber":"766","displayDate":"May 8th, 2024"},{"id":"syntax_podcast_show_00765","number":765,"title":"JS Promises Fundamentals - Part 1","date":"2024-05-06T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_765.mp3","youtube_url":"https://www.youtube.com/watch?v=bmOzRI5Job0","show_notes":"\nIn this 3-course series, Scott and Wes serve up some JavaScript Promises treats. In part 1, they unravel the concept of promises and delve into common examples of their usage, from creating and waiting on promises, to database queries and user permissions.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:27](#t=01:27)** Brought to you by [Sentry.io](https://www.sentry.io/syntax).\n* **[02:32](#t=02:32)** What is a promise?\n* [Promise mdn web docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise).\n* **[03:27](#t=03:27)** Common examples of promises.\n * **[03:45](#t=03:45)** A fetch call to an API returns a promise.\n * **[05:54](#t=05:54)** A database query or Insert command\n * **[07:18](#t=07:18)** A request for user permissions.\n * **[07:37](#t=07:37)** A wait function.\n* **[08:08](#t=08:08)** Resolve or rejecting promises.\n* **[09:33](#t=09:33)** Creating promises.\n * **[09:46](#t=09:46)** New promise.\n * **[11:09](#t=11:09)** [Promise.withResolvers()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/withResolvers).\n * **[11:37](#t=11:37)** An [async function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function).\n* **[14:34](#t=14:34)** Waiting on a promise.\n * **[15:09](#t=15:09)** .then().\n * **[16:50](#t=16:50)** Await.\n * **[17:44](#t=17:44)** Why use one wait method over the other?\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"56f16e611757943dc296c147f144a75933089d08ee1a1bd76af3240c375c33fd","slug":"js-promises-fundamentals-part-1","md_file":"/shows/765 - JS Promises Fundamentals - Part 1.md","created_at":"2024-05-02T15:00:53.257Z","updated_at":"2024-08-29T14:18:23.168Z","show_type":"HASTY","guests":[],"notesFile":"/shows/765 - JS Promises Fundamentals - Part 1.md","displayNumber":"765","displayDate":"May 6th, 2024"},{"id":"syntax_podcast_show_00764","number":764,"title":"Biome JS with Emanuele Stoppa","date":"2024-05-03T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_764.mp3","youtube_url":"https://www.youtube.com/watch?v=GZgwcSTZkD0","show_notes":"\nJoin Scott and Wes as they delve into the fascinating realm of Biome.JS alongside Emanuele Stoppa, the mastermind behind it all. Why is it written in Rust? Why are other tools so slow? Could Biome be the ultimate successor to ESLint or Prettier? Grab a seat at the table and find out!\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:10](#t=00:10)** Brought to you by [Sentry.io](https://www.sentry.io/syntax).\n* **[01:49](#t=01:49)** Who is Emanuele Stoppa and what is Biome?\n* **[03:18](#t=03:18)** What happened to Rome?\n* **[05:49](#t=05:49)** Who's paying for Biome to be developed?\n* **[07:28](#t=07:28)** How many people are working on Biome?\n* **[09:24](#t=09:24)** Why do we even need Biome?\n* **[11:38](#t=11:38)** Why are other tools so slow?\n* **[12:55](#t=12:55)** Cost of compute.\n* **[14:01](#t=14:01)** The cache management.\n* **[14:30](#t=14:30)** Why was the decision made to move to Rust?\n* **[16:35](#t=16:35)** The bigger the company, the pricier the compute.\n* **[19:49](#t=19:49)** How to get started with Biome.\n* **[23:08](#t=23:08)** Will Biome offer more features than Prettier?\n* **[24:12](#t=24:12)** [Language support](https://biomejs.dev/internals/language-support/).\n* **[26:02](#t=26:02)** A language parser for every language?\n* **[27:45](#t=27:45)** Will plugins need to be written in Rust?\n* [GritQL GitHub](https://github.com/getgrit/gritql).\n* **[31:25](#t=31:25)** [Ezno, TypeScript Compiler](https://kaleidawave.github.io/posts/introducing-ezno/).\n* **[33:13](#t=33:13)** Will we ever see a new TypeScript type-checker?\n* **[35:38](#t=35:38)** What are your thoughts on the types proposal?\n* [Proposal Type Annotations](https://github.com/tc39/proposal-type-annotations).\n* **[38:03](#t=38:03)** What does your average day look like?\n* **[41:10](#t=41:10)** What is your role at Astro?\n* **[41:46](#t=41:46)** What other languages do you know?\n* **[43:22](#t=43:22)** [Biome VCS](https://biomejs.dev/reference/configuration/#vcsclientkind).\n* **[45:14](#t=45:14)** [GitHub action setup](https://github.com/marketplace/actions/setup-biome).\n* **[47:04](#t=47:04)** Supper Club Questions.\n* **[47:09](#t=47:09)** What text editor, theme and font are you using?\n* **[48:26](#t=48:26)** What do you do to stay up to date?\n* **[48:54](#t=48:54)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Emanuele: Ripley [IMDB](https://www.imdb.com/title/tt11016042/), [Netflix](https://www.netflix.com/ca/title/81678765).\n\n### Shameless Plugs\n\n- Emanuele: [Astro](https://astro.build/), [BiomeJS](https://biomejs.dev/). \n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"ecfb687eca34ac980c89ae0df898d818f1747f738665bfafa0d51dbc747770c3","slug":"biome-js-with-emanuele-stoppa","md_file":"/shows/764 - Biome JS.md","created_at":"2024-05-01T15:00:48.969Z","updated_at":"2024-08-29T14:18:23.095Z","show_type":"SUPPER","guests":[{"Guest":{"github":"ematipico","name":"Emanuele Stoppa"}}],"notesFile":"/shows/764 - Biome JS.md","displayNumber":"764","displayDate":"May 3rd, 2024"},{"id":"syntax_podcast_show_00763","number":763,"title":"Web Scraping + Reverse Engineering APIs","date":"2024-05-01T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_763.mp3","youtube_url":"https://www.youtube.com/watch?v=5xWZT0MWz-4","show_notes":"\nWeb scraping 101! Dive into the world of web scraping with Scott and Wes as they explore everything from tooling setup and navigating protected routes to effective data management. In this Tasty Treat episode, you'll gain invaluable insights and techniques to scrape (almost) any website with ease.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[03:13](#t=03:13)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[05:00](#t=05:00)** What is scraping?\n* [Socialblade](https://socialblade.com/).\n* **[08:01](#t=08:01)** Examples of past scrapers.\n* [Canadian Tire](https://www.canadiantire.ca/en.html).\n* **[10:06](#t=10:06)** Cloud app downloader.\n* **[16:13](#t=16:13)** Other use cases.\n* **[16:58](#t=16:58)** Scraping 101.\n* **[17:28](#t=17:28)** Client Side.\n* **[19:08](#t=19:08)** Private API.\n* [Proxyman](https://proxyman.io/iphone-device).\n* **[22:40](#t=22:40)** Server rendered.\n* **[23:27](#t=23:27)** Initial state.\n* **[24:57](#t=24:57)** What format is the data in?\n* [Google Puppeteer Extension](https://developer.chrome.com/docs/puppeteer).\n* **[27:08](#t=27:08)** Working with the DOM.\n* **[27:12](#t=27:12)** [Linkedom npm package](https://www.npmjs.com/package/linkedom).\n* **[29:02](#t=29:02)** [querySelector](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll) everything.\n* **[31:28](#t=31:28)** How to find the elements without classes.\n* **[34:08](#t=34:08)** Use [XPath](https://www.w3schools.com/xml/xpath_syntax.asp) selectors for select by word.\n* **[34:53](#t=34:53)** Make them as flexible as you can. Classes change!\n* **[35:10](#t=35:10)** AI is good at this!\n* **[36:26](#t=36:26)** File downloading.\n* **[38:20](#t=38:20)** Working with protected routes.\n* [Proxyman](https://proxyman.io/).\n* **[40:41](#t=40:41)** Programatically retrieve authentication keys because they are short-lived.\n* [Fetch Cookie](https://www.npmjs.com/package/fetch-cookie).\n* **[43:20](#t=43:20)** Deal-breakers.\n* [Mechanical Turk](https://en.wikipedia.org/wiki/Mechanical_Turk).\n* **[44:58](#t=44:58)** What happened with Amazon?\n* [Uniqlo Self-Checkout](https://www.wsj.com/articles/uniqlos-parent-company-bets-big-on-tiny-rfid-chips-600b124f)\n* **[46:42](#t=46:42)** Wes' portable refrigerator utopia.\n* **[47:25](#t=47:25)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [KeyboardCleanTool](https://folivora.ai/keyboardcleantool).\n- Wes: [Yabai](https://github.com/koekeishiya/yabai/wiki).\n\n### Shameless Plugs\n\n- Scott: [Syntax on YouTube](https://www.youtube.com/@syntaxfm)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"96edfece92ee8472473ded1dca206214bed01ea35395f03799b384b11c9163e3","slug":"web-scraping-reverse-engineering-apis","md_file":"/shows/763 - Web Scraping.md","created_at":"2024-04-29T21:00:49.038Z","updated_at":"2024-08-29T14:18:23.063Z","show_type":"TASTY","guests":[],"notesFile":"/shows/763 - Web Scraping.md","displayNumber":"763","displayDate":"May 1st, 2024"},{"id":"syntax_podcast_show_00762","number":762,"title":"What to Steal. Finding Inspiration in Web Development","date":"2024-04-29T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_762.mp3","youtube_url":"https://www.youtube.com/watch?v=35Uzg40lVnA","show_notes":"\nScott and Wes discuss the delicate balance of what's acceptable to borrow or be inspired by in web development and what crosses into territory that's off-limits. Tune in as they share personal experiences, discuss where to find ethical inspiration, and offer tips on how to effectively capture and utilize it.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:57](#t=01:57)** Brought to you by [Sentry.io](https://www.sentry.io/syntax).\n* **[02:26](#t=02:26)** What is okay to steal?\n * **[02:57](#t=02:57)** Color palettes.\n * **[03:14](#t=03:14)** Font stacks.\n * **[06:26](#t=06:26)** Type scales.\n * [Warp’s CSS Gradient Border](https://www.tiktok.com/@wesbos/video/7198565156853386502).\n * [Sentry’s Date Picker](https://x.com/syntaxfm/status/1775907339792490785).\n * **[08:52](#t=08:52)** General layout patterns.\n * **[10:39](#t=10:39)** General vibes.\n* **[11:20](#t=11:20)** What is NOT okay to steal?\n * **[11:26](#t=11:26)** Whole site designs.\n * **[13:32](#t=13:32)** Taking too many things from 'what to steal' list.\n * **[16:30](#t=16:30)** Text copy.\n * [Wes’ Parity Purchasing Power](https://wesbos.com/parity-purchasing-power).\n* **[18:48](#t=18:48)** What we've had stolen + how it feels.\n* **[21:45](#t=21:45)** Where to find inspiration.\n * **[21:56](#t=21:56)** Code inspiration.\n * [CSS Scan Buttons](https://getcssscan.com/css-buttons-examples).\n * [CSS Scan Box Shadows](https://getcssscan.com/css-box-shadow-examples?ref=beautifulbuttons-bottom).\n * [Codrops](https://tympanus.net/codrops/).\n * [CodePen](https://codepen.io/)\n * **[25:18](#t=25:18)** Design inspiration.\n * [Bentro Grids](https://bentogrids.com/).\n * [Dribble](https://dribbble.com/).\n * [Site Inspire](https://www.siteinspire.com/).\n * [SaaS Landing Pages](https://saaslandingpage.com/).\n * [One Page Love](https://onepagelove.com/).\n * [Type Wolf](https://www.typewolf.com/).\n * [Mobbin](https://mobbin.com/browse/ios/apps).\n * [Syntax Newsletter](https://syntax.fm/snackpack/).\n * [Hoverstat.es](https://www.hoverstat.es/).\n * [Internet Gems](https://ilovecreatives.com/internet-gems).\n * **[32:48](#t=32:48)** UX inspiration.\n * [Good UI](https://goodui.org/).\n * [The Component Gallery](https://component.gallery/).\n * [Open UI](https://open-ui.org/).\n * [Nicely Done](https://nicelydone.club/).\n* **[35:25](#t=35:25)** How to capture inspiration.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"b7527a7e78e52ace89cb481946612dbd038cfbb82eb492bacef6d69545a73f0a","slug":"what-to-steal-finding-inspiration-in-web-development","md_file":"/shows/762 - What to Steal.md","created_at":"2024-04-26T18:00:13.295Z","updated_at":"2024-08-29T14:18:23.029Z","show_type":"HASTY","guests":[],"notesFile":"/shows/762 - What to Steal.md","displayNumber":"762","displayDate":"April 29th, 2024"},{"id":"syntax_podcast_show_00761","number":761,"title":"Cloudflare Analytics Engine, Workers + more with Ben Vinegar","date":"2024-04-26T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_761.mp3","youtube_url":"https://www.youtube.com/watch?v=p6JBv0tyu4I","show_notes":"\nScott and Wes dive into Cloudflare's Analytics Engine and Workers with special guest Ben Vinegar, Syntax's General Manager. Tune in as they explore Clickhouse, data tracking, infrastructure costs, and transitioning from software products to managing a podcast.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:17](#t=01:17)** Who is Ben Vinegar?\n* [Episode 434 with Ben](https://syntax.fm/434).\n* **[02:21](#t=02:21)** Brought to you by [Sentry.io](https://www.sentry.io/syntax).\n* **[04:00](#t=04:00)** Cloudflare analytics engine.\n* [Counterscale.dev](https://counterscale.dev/).\n* [Episode 634 with Armin](https://syntax.fm/634).\n* **[09:08](#t=09:08)** What is [clickhouse](https://clickhouse.com/)?\n* **[11:01](#t=11:01)** Can Clickhouse be used for things outside of analytics tracking?\n* **[13:46](#t=13:46)** What kind of events are you able to track?\n* **[15:00](#t=15:00)** How do you assign values to track?\n* [Counterscale Schema](https://github.com/benvinegar/counterscale/blob/main/app/analytics/schema.ts).\n* **[18:40](#t=18:40)** Data type limitations.\n* **[19:55](#t=19:55)** The troubles with sampling data.\n* **[23:57](#t=23:57)** Sample intervals.\n* **[24:24](#t=24:24)** Pricing for these services.\n* **[25:34](#t=25:34)** How it actually runs.\n* **[27:31](#t=27:31)** Infrastructure costs and pricing models.\n* **[30:19](#t=30:19)** Running production apps in Cloudflare.\n* **[31:49](#t=31:49)** Cloudflare and HonoJS.\n* **[32:47](#t=32:47)** One year with Sentry and Ben's role with Syntax.\n* [Episode 600 with David](https://syntax.fm/600).\n* **[39:33](#t=39:33)** How does it feel going from a software project to a media project?\n* [Syntax Team](https://syntax.fm/about).\n* **[43:00](#t=43:00)** How do you sell Syntax to Sentry?\n* **[48:37](#t=48:37)** Sick Picks & Shameless Plugs\n\n### Sick Picks\n\n- Ben: [Randy's YouTube](https://www.youtube.com/@randyrektor), [Boom](https://www.getboom.app/).\n\n### Shameless Plugs\n\n- Ben: [Counterscale.dev](https://counterscale.dev/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"4f90ffc7c13f07d97c79e71183c13b60644a1266b0d97164d7328786a119f3b4","slug":"cloudflare-analytics-engine-workers-more-with-ben-vinegar","md_file":"/shows/761 - Cloudflare Analytics Engine, Workers + more with Ben Vinegar.md","created_at":"2024-04-25T21:00:13.874Z","updated_at":"2024-08-29T14:18:22.949Z","show_type":"SUPPER","guests":[{"Guest":{"github":"benvinegar","name":"Ben Vinegar"}}],"notesFile":"/shows/761 - Cloudflare Analytics Engine, Workers + more with Ben Vinegar.md","displayNumber":"761","displayDate":"April 26th, 2024"},{"id":"syntax_podcast_show_00760","number":760,"title":"Pro VSCode Setups","date":"2024-04-24T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_760.mp3","youtube_url":"https://www.youtube.com/watch?v=VIdM5VSlJVw","show_notes":"\nJoin Scott and Wes as they dish out the juiciest VSCode secrets for coding like a boss (or a Tolinski)! From speedy navigation to must-have extensions and the sickest themes, get ready to level up your coding game.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:47](#t=00:47)** Brought to you by [Sentry.io](https://www.sentry.io/syntax).\n* **[01:44](#t=01:44)** A recording bug.\n* **[03:18](#t=03:18)** VSCode versions.\n* **[05:59](#t=05:59)** Tabs or no tabs.\n* **[10:32](#t=10:32)** Navigation tips.\n* **[11:35](#t=11:35)** Mouse and trackpad input.\n* **[13:43](#t=13:43)** Move, select and expand by\n* **[19:07](#t=19:07)** Interface tips.\n* **[19:17](#t=19:17)** Sidebars.\n* **[24:23](#t=24:23)** Sticky headers.\n* **[26:21](#t=26:21)** Activity bar.\n* **[30:30](#t=30:30)** Show or hide?\n* **[31:35](#t=31:35)** Profiles.\n* **[32:43](#t=32:43)** Keyboard Shortcuts.\n* **[32:49](#t=32:49)** Renaming.\n* **[34:32](#t=34:32)** Extensions.\n * **[34:45](#t=34:45)** [Text pastry](https://marketplace.visualstudio.com/items?itemName=jkjustjoshing.vscode-text-pastry).\n * **[36:43](#t=36:43)** [Better comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments).\n * **[39:03](#t=39:03)** [Auto rename tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag).\n * **[40:02](#t=40:02)** [Change case](https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case).\n * **[40:25](#t=40:25)** [Permute lines](https://marketplace.visualstudio.com/items?itemName=earshinov.permute-lines).\n * **[41:26](#t=41:26)** [File utils](https://marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils).\n * **[43:20](#t=43:20)** [Sort JSON objects](https://marketplace.visualstudio.com/items?itemName=richie5um2.vscode-sort-json).\n * **[43:50](#t=43:50)** [SQLite viewer](https://marketplace.visualstudio.com/items?itemName=qwtel.sqlite-viewer).\n * **[44:29](#t=44:29)** [Spell checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker).\n * **[45:42](#t=45:42)** [APC](https://marketplace.visualstudio.com/items?itemName=drcika.apc-extension).\n* **[49:19](#t=49:19)** Themes.\n* [Syntax Theme](https://marketplace.visualstudio.com/items?itemName=SyntaxFM.syntaxfm)\n* **[53:05](#t=53:05)** Final tricks.\n* [Log Wrapper](https://marketplace.visualstudio.com/items?itemName=WooodHead.vscode-wrap-console-log-simple)\n* **[57:44](#t=57:44)** What about the AI stuff?\n* **[01:00:10](#t=01:00:10)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Flicker Free Ultra Definition Phillips Bulbs](https://amzn.to/3TL1SNY).\n- Wes: [Clear Shoe Box Organizers](https://www.amazon.ca/IRIS-USA-Inc-CNL-5-Storage/dp/B07DFBSTFR).\n\n### Shameless Plugs\n\n- Scott: [Syntax Newsletter](https://syntax.fm/snackpack).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"11d4531a21ae6664b1ea42379a2661a16debc58129c0b014cbfcb32ffa8cb250","slug":"pro-vscode-setups","md_file":"/shows/760 - Pro VSCode Setups.md","created_at":"2024-04-24T00:00:12.105Z","updated_at":"2024-08-29T14:18:22.917Z","show_type":"TASTY","guests":[],"notesFile":"/shows/760 - Pro VSCode Setups.md","displayNumber":"760","displayDate":"April 24th, 2024"},{"id":"syntax_podcast_show_00759","number":759,"title":"How to Easily Explore Coding Ideas","date":"2024-04-22T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_759.mp3","youtube_url":"https://www.youtube.com/watch?v=LuS64TMzT48","show_notes":"\nScott and Wes serve up top tools and tricks for rapid idea execution, from JavaScript services like Valtown and Observable to database solutions including LowDB and Google Sheets integration. Get ready to streamline your development ideation process with these tasty insights!\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[02:16](#t=02:16)** Brought to you by [Sentry.io](https://www.sentry.io/syntax).\n* **[03:14](#t=03:14)** JavaScript Services.\n * **[03:43](#t=03:43)** [Valtown](https://www.val.town/).\n * **[05:44](#t=05:44)** [Observable](https://observablehq.com/).\n * **[06:35](#t=06:35)** [Notebooks](https://jbook.qiushiyan.dev/).\n * **[08:23](#t=08:23)** [Deno Juypter Notebooks](https://docs.deno.com/runtime/manual/tools/jupyter).\n * **[09:51](#t=09:51)** [Svelte Repl](https://svelte.dev/repl/hello-world?version=4.2.15).\n * **[10:32](#t=10:32)** Playgrounds: TypeScript, Tailwind, etc…\n* **[11:05](#t=11:05)** CSS Services.\n * **[11:10](#t=11:10)** [CodePen](https://codepen.io/).\n* **[13:14](#t=13:14)** Full stack services.\n* **[13:47](#t=13:47)** Your own stack. Hot Tips & Cool Treats.\n * [Wes's Hot Tips](https://github.com/wesbos/hot-tips/).\n * [Vite Dir](https://www.npmjs.com/package/vite-dir)\n * [Scott's Cool Treats](https://github.com/stolinski/cool-treats).\n * **[21:01](#t=21:01)** [Bun file routing](https://bun.sh/docs/api/file-system-router).\n * **[24:25](#t=24:25)** Tooling and tips.\n* **[26:30](#t=26:30)** Database.\n * **[26:51](#t=26:51)** Write to a file.\n * **[27:40](#t=27:40)** [LowDB](https://github.com/typicode/lowdb).\n * **[29:00](#t=29:00)** [SQLite + Drizzle](https://orm.drizzle.team/docs/get-started-sqlite).\n * **[29:40](#t=29:40)** Google Sheets.\n * **[30:06](#t=30:06)** [Sheet DB](https://sheetdb.io/).\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"e87dc6d98d9a087bb4d677461b3f3e5a2783050a9c89e9331d0b3a7771a26992","slug":"how-to-easily-explore-coding-ideas","md_file":"/shows/759 - How to Easily Explore Coding Ideas.md","created_at":"2024-04-20T15:00:12.407Z","updated_at":"2024-08-29T14:18:22.884Z","show_type":"HASTY","guests":[],"notesFile":"/shows/759 - How to Easily Explore Coding Ideas.md","displayNumber":"759","displayDate":"April 22nd, 2024"},{"id":"syntax_podcast_show_00758","number":758,"title":"Web Awesome with Konnor Rogers + Cory LaViska","date":"2024-04-19T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_758.mp3","youtube_url":"https://www.youtube.com/watch?v=TjHp2Ml0Sx4","show_notes":"\nFont Awesome is back with Web Awesome, an open source library of web components that will work with any framework because it’s based on standards. Today on Syntax we have Konnor Rogers and Cory LaViska here to talk all things Web Awesome.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:47](#t=00:47)** Brought to you by [Sentry.io](https://www.sentry.io/syntax).\n* **[02:49](#t=02:49)** What is Shoelace?\n* **[07:21](#t=07:21)** What is Font Awesome?\n* **[08:07](#t=08:07)** Font Awesome is getting into Web Components?\n* **[11:35](#t=11:35)** What is Shoelace's relationship with Web Awesome?\n* **[13:33](#t=13:33)** Is the idea to make it quick to get up and running?\n* **[15:46](#t=15:46)** What is the autoloader?\n* **[16:29](#t=16:29)** Where does Web Awesome fit in the ecosystem?\n* **[18:13](#t=18:13)** What does the styling game look like?\n* **[20:33](#t=20:33)** What is Part in CSS?\n* [CSS Part mdn web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/::part)\n* **[22:06](#t=22:06)** The reason we're so stoked with Web Components.\n* **[23:32](#t=23:32)** Custom elements are a natural progression.\n* **[24:51](#t=24:51)** What are your thoughts on Open UI initiatives?\n* [Floating UI](https://floating-ui.com/)\n* [Close Watcher](https://github.com/WICG/close-watcher)\n* [Can I Use](https://caniuse.com/mdn-api_closewatcher)\n* **[27:40](#t=27:40)** Wes' escape key conundrum.\n* **[30:21](#t=30:21)** A bug on the Syntax site.\n* **[31:19](#t=31:19)** Let's talk about [Kickstarter](https://www.kickstarter.com/projects/fontawesome/web-awesome?ref=nav_search&result=project&term=webawesome).\n* **[35:24](#t=35:24)** Do you know what premium inputs will be available in Web Awesome?\n* **[36:12](#t=36:12)** Rich text editor.\n* **[40:18](#t=40:18)** Setting goals.\n* **[41:48](#t=41:48)** Kickstarter giveaways.\n* **[42:47](#t=42:47)** Have you tried drag and drop?\n* [Pragmatic Drag and Drop](https://github.com/atlassian/pragmatic-drag-and-drop)\n* **[44:57](#t=44:57)** The layout component.\n* **[48:50](#t=48:50)** What are your favorite components?\n* **[50:29](#t=50:29)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Konnor: [Enhance.dev](https://enhance.dev/), [Extism.org](https://extism.org/)\n- Cory: [Lit.dev](https://lit.dev/)\n\n### Shameless Plugs\n\n- Cory: [Kickstarter](https://www.kickstarter.com/projects/fontawesome/web-awesome?ref=nav_search&result=project&term=webawesome)\n- Konnor: Everyone involved in open UI\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"1fadbc08beb0fa559523cd1c6e4289758a902d9ee90dd31af79df1f81718c445","slug":"web-awesome-with-konnor-rogers-cory-laviska","md_file":"/shows/758 - Web Awesome.md","created_at":"2024-04-16T18:00:18.123Z","updated_at":"2024-08-29T14:18:22.811Z","show_type":"SUPPER","guests":[{"Guest":{"github":"KonnorRogers","name":"Konnor Rogers"}},{"Guest":{"github":"claviska","name":"Cory LaViska"}}],"notesFile":"/shows/758 - Web Awesome.md","displayNumber":"758","displayDate":"April 19th, 2024"},{"id":"syntax_podcast_show_00757","number":757,"title":"Potluck: Is Gatsby Dead? Shadow Dom, AI Summaries, Self Hosting + More","date":"2024-04-17T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_757.mp3","youtube_url":"https://www.youtube.com/watch?v=bHavi6-S1Y4","show_notes":"\nScott and Wes serve up answers to community questions, from navigating Light DOM vs. Shadow DOM to diving into tools for data extraction. Plus, they dish out insights on Gatsby in 2024, utilizing JavaScript 'wheel events', and explore the possibilities of hosting a website at home.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:51](#t=00:51)** Brought to you by [Sentry.io](www.sentry.io/syntax).\n* **[01:17](#t=01:17)** When should I use Light DOM or Shadow DOM?\n* **[03:43](#t=03:43)** Do you know of any good tools for extracting data/content from Markup/HTML?\n* [LinkeDOM on GitHub](https://github.com/WebReflection/linkedom)\n* **[08:29](#t=08:29)** Wanted to ask you guys your opinion on the state of Gatsby in 2024.\n* [LocalFirst.fm](https://www.localfirst.fm/5)\n* [MeteorJS UI Updates](https://twitter.com/vitorsalmeida_/status/1771260380490190934?s=20)\n* **[15:05](#t=15:05)** Please get the Goodhertz creator on the pod! Would be a great show.\n* [Goodhertz Audio Software](https://goodhertz.com/)\n* **[16:34](#t=16:34)** Effects that involve the JavaScript 'wheel' event.\n* [Runway.com](https://runway.com/)\n* [GSAP Animate Anything](https://gsap.com/)\n* [CSS Scroll-Driven Animations](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll-driven_animations)\n* **[23:15](#t=23:15)** Best tool for rapidly creating UI from the ground up.\n* [Episode 751](https://syntax.fm/751)\n* [Thinkmill.com](https://www.thinkmill.com.au/open-source)\n* **[27:44](#t=27:44)** Wes, what's with your frame rate?\n* [Frame Rate Testing Results on X](https://twitter.com/wesbos/status/1775725925662966192)\n* **[32:31](#t=32:31)** Is there any way to host a whole website setting on my PC at home?\n* [CJ and Self-Host 101](https://www.youtube.com/watch?v=Q1Y_g0wMwww)\n* [Hetzner.com](https://www.hetzner.com/)\n* [Cloudflare Docs Create a Tunnel](https://developers.cloudflare.com/cloudflare-one/connections/connect-networks/get-started/)\n* **[36:52](#t=36:52)** Offline functionality like saving data and syncing data to database?\n* [Episode 739](https://syntax.fm/739)\n* [Local-First Web Development](https://localfirstweb.dev/)\n* [Syntax Side Dish Explainer Playlist](https://www.youtube.com/playlist?list=PLLnpHn493BHHYdXYkKd30aDdN-RfsM_W2)\n* **[39:41](#t=39:41)** Creating a GPT-like tool that can listen to long audio files.\n* [OpenAI Speech to Text](https://platform.openai.com/docs/guides/speech-to-text)\n* [Insanely Fast Whisper](https://github.com/Vaibhavs10/insanely-fast-whisper)\n* [Deepgram](https://deepgram.com/)\n* **[43:51](#t=43:51)** Sick Picks.\n\n### Sick Picks\n\n- Scott: [Hair Powder](https://amzn.to/4apx5Ni)\n- Wes: [Mini Grease Gun](https://amzn.to/4cwWGG4)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"a3f306b51a316730c2e034e655b8e7b1ab3521045d719e098fd8bf7c54775f49","slug":"potluck-is-gatsby-dead-shadow-dom-ai-summaries-self-hosting-more","md_file":"/shows/757 - Potluck Gatsby, Shadow DOM, AI Summaries.md","created_at":"2024-04-12T18:00:20.491Z","updated_at":"2024-08-29T14:18:22.780Z","show_type":"TASTY","guests":[],"notesFile":"/shows/757 - Potluck Gatsby, Shadow DOM, AI Summaries.md","displayNumber":"757","displayDate":"April 17th, 2024"},{"id":"syntax_podcast_show_00756","number":756,"title":"CSS Is Getting Mixins + Functions","date":"2024-04-15T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_756.mp3","youtube_url":"https://www.youtube.com/watch?v=MwXht_lBcHo","show_notes":"\nScott and Wes chomp through CSS Mixins and Functions, discussing the latest features making their way into CSS. From Tailwind-like classes to fluid typography, join us as we explore the possibilities and practical applications of these new tools.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:24](#t=01:24)** Brought to you by [Sentry.io](www.sentry.io/syntax)\n* **[03:00](#t=03:00)** CSS Is getting Functions and Mixins!\n* [CSS Mixins and Functions Explainer](https://css.oddbird.net/sasslike/mixins-functions/)\n* [CSS Working Group Discussion](https://github.com/w3c/csswg-drafts/issues/9350#issuecomment-1939628591)\n* **[06:19](#t=06:19)** Functions and mixins, how are they different?\n* **[07:26](#t=07:26)** Don't get hung up on the syntax, or maybe do.\n* **[09:12](#t=09:12)** CSS Functions.\n* **[12:02](#t=12:02)** Some use-cases.\n* **[15:58](#t=15:58)** CSS Mixins.\n* **[16:31](#t=16:31)** Tailwind-like classes.\n* **[17:53](#t=17:53)** Tailwind-like arbitrary syntax.\n* **[20:08](#t=20:08)** Fluid typography.\n* **[21:13](#t=21:13)** Let's talk about logic.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"1a98dd0242591ffe6abb9ee619172fab61f9834cd9c7c97ed2412529394b6083","slug":"css-is-getting-mixins-functions","md_file":"/shows/756 - CSS Mixins and Functions.md","created_at":"2024-04-10T21:00:12.412Z","updated_at":"2024-08-29T14:18:22.749Z","show_type":"HASTY","guests":[],"notesFile":"/shows/756 - CSS Mixins and Functions.md","displayNumber":"756","displayDate":"April 15th, 2024"},{"id":"syntax_podcast_show_00755","number":755,"title":"Chrome Extensions and Ad Blockers VS Google with Oliver Dunk","date":"2024-04-12T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_755.mp3","youtube_url":"https://www.youtube.com/watch?v=TO1Ypwr2Pzw","show_notes":"\nWe were wrong, Manifest V3 is a big deal. Scott and Wes sit down with Oliver Dunk from Google to dive into the intricate world of Chrome Extensions development. From dissecting Manifest V3 to exploring the evolving landscape of browser security and extension reviews, this conversation covers the present and future of browser customization.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:32](#t=00:32)** Who is Oliver Dunk?\n* **[02:00](#t=02:00)** Brought to you by [Sentry](www.sentry.io/syntax).\n* **[03:17](#t=03:17)** Manifest V3.\n* **[08:59](#t=08:59)** How many rules can you add?\n* **[09:56](#t=09:56)** What even is a rule?\n* **[10:52](#t=10:52)** Is Google trying to kill ad blockers?\n* **[13:56](#t=13:56)** What are the bad guys doing with Chrome extensions?\n* **[15:17](#t=15:17)** Can a browser extension access HTTP-only cookies?\n* **[16:06](#t=16:06)** Is Chrome reviewing all of these extensions?\n* **[19:06](#t=19:06)** Is there a way to side-step Google's review process?\n* [Reddit Thread, The real threat of Manifest V3](https://www.reddit.com/r/uBlockOrigin/comments/17as8o8/the_real_threat_of_manifest_v3/)\n* **[20:32](#t=20:32)** Do you see the negative chatter?\n* **[21:18](#t=21:18)** Service workers - how do do you access the DOM?\n* **[23:32](#t=23:32)** Do you think we'll see more DOM APIs in service workers?\n* **[25:58](#t=25:58)** Do you have a favorite Chrome extension?\n* **[28:33](#t=28:33)** Has Google ever explored something comparable to Boost?\n* [SidePanel](https://developer.chrome.com/docs/extensions/reference/api/sidePanel)\n* **[33:09](#t=33:09)** Let's talk about the development stack.\n* **[35:54](#t=35:54)** 1Password and Chrome.\n* **[38:39](#t=38:39)** What is the best way to debug an extension?\n* [YouTube Chrome for Developers](https://www.youtube.com/watch?v=Ta-YTDhiBIQ)\n* **[40:33](#t=40:33)** Manifest V3 and the web request blocking API.\n* **[41:57](#t=41:57)** Known tracking payloads.\n* **[44:04](#t=44:04)** Do you think there is a path forward that makes ad-block developers happy?\n* **[44:45](#t=44:45)** Do you run an ad blocker?\n* **[45:20](#t=45:20)** Whitelisting and opt-ins.\n* **[46:38](#t=46:38)** What's your tech setup?\n* **[47:18](#t=47:18)** What do you do to stay up to date?\n* **[47:51](#t=47:51)** Sick Picks + Shameless Plugs.\n* **[51:47](#t=51:47)** Wait, is Safari adopting V3 as well?\n\n### Sick Picks\n\n- Oliver: [Defunctland YouTube](https://www.youtube.com/@Defunctland), [LEMMiNO YouTube](https://www.youtube.com/@LEMMiNO)\n\n### Shameless Plugs\n\n- Oliver: [Chrome Extensions Getting Started](https://developer.chrome.com/docs/extensions/get-started), [WebExtension Playground](https://play.web-extensions.dev/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"6d353d8da78ce245a4fbc79134ee08c12465a661afca65be09bc4e78b5b1fc3b","slug":"chrome-extensions-and-ad-blockers-vs-google-with-oliver-dunk","md_file":"/shows/755 - Chrome Extensions.md","created_at":"2024-04-10T15:00:29.915Z","updated_at":"2024-08-29T14:18:22.672Z","show_type":"SUPPER","guests":[{"Guest":{"github":"oliverdunk","name":"Oliver Dunk"}}],"notesFile":"/shows/755 - Chrome Extensions.md","displayNumber":"755","displayDate":"April 12th, 2024"},{"id":"syntax_podcast_show_00754","number":754,"title":"How to Level Up Your Web Development Career","date":"2024-04-10T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_754.mp3","youtube_url":"https://www.youtube.com/watch?v=58iwH5q5BKA","show_notes":"\nReady to level up your career in web development? Join Wes and Scott as they discuss techniques and best practices for advancing in the field. From mastering technical skills to navigating workplace dynamics, this episode offers actionable advice to help you thrive in your career.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:17](#t=00:17)** How can a front-end developer advance in their career?\n* **[01:10](#t=01:10)** Brought to you by [Sentry](https://sentry.io/syntax).\n* **[01:30](#t=01:30)** Syntax newsletter.\n* [Snack Pack](https://syntax.fm/snackpack)\n* **[02:02](#t=02:02)** How do you get better at being a developer?\n * **[02:22](#t=02:22)** Asking questions.\n * **[08:09](#t=08:09)** Get your hands dirty.\n * [Hot Tips](https://github.com/wesbos/hot-tips), [Cool Treats](https://github.com/stolinski/cool-treats)\n * **[14:07](#t=14:07)** Share what you know.\n * **[17:35](#t=17:35)** Target your skills for what is needed.\n * [Ryan Carniato Tweet](https://twitter.com/RyanCarniato/status/1768409228451217800)\n * [Episode 577](https://syntax.fm/577)\n * [Justin Fagnani Tweet](https://twitter.com/justinfagnani/status/1769856091540857035)\n * [Episode 595](https://syntax.fm/595)\n * **[21:12](#t=21:12)** Get out of your comfort zone.\n* **[26:55](#t=26:55)** Getting a better job.\n * **[27:27](#t=27:27)** Understand the stakeholders.\n * **[29:18](#t=29:18)** Find the metric the business cares about and do that.\n * **[30:01](#t=30:01)** Make an impression as being the person that gets things done fast and reliably.\n * **[31:47](#t=31:47)** Improve communications.\n * **[35:04](#t=35:04)** Be the person they want to have in meetings.\n * **[37:44](#t=37:44)** Use systems and tools to help your deficiencies.\n * **[39:01](#t=39:01)** Dress to impress.\n * **[39:32](#t=39:32)** Care.\n * **[39:40](#t=39:40)** Cut the cynicism.\n * [Energy Vampire](https://www.calm.com/blog/energy-vampire)\n * **[42:16](#t=42:16)** Don’t put bad stuff out into the world publicly.\n * **[44:29](#t=44:29)** Get your camera + mic dialed in.\n* **[46:23](#t=46:23)** Leveling up at life.\n * **[46:32](#t=46:32)** Take care of your shit.\n * **[47:40](#t=47:40)** Exercise.\n * [Episode 748](https://syntax.fm/748)\n * **[47:57](#t=47:57)** Eat well.\n * **[48:22](#t=48:22)** Sleep as much as you can.\n * **[48:26](#t=48:26)** Clean your workspace.\n * **[49:17](#t=49:17)** Learn new skills.\n * **[49:31](#t=49:31)** Take care of yourself.\n * [Habit Path](https://habitpath.io/landing)\n* **[54:09](#t=54:09)** Sick Picks.\n\n### Sick Picks\n\n- Scott: [Zeiss Lens Care Pack](https://amzn.to/43nBsq4)\n- Wes: [Woosh Screen Cleaner](https://amzn.to/49XQi8Z)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"edfbb2bc9b71fb3f80ff00fc5d1d34f7f74ae6ff450438a16d7eb773bb70beed","slug":"how-to-level-up-your-web-development-career","md_file":"/shows/754 - How to Level Up Your Web Development Career.md","created_at":"2024-04-10T13:42:35.015Z","updated_at":"2024-08-29T14:18:22.641Z","show_type":"TASTY","guests":[],"notesFile":"/shows/754 - How to Level Up Your Web Development Career.md","displayNumber":"754","displayDate":"April 10th, 2024"},{"id":"syntax_podcast_show_00753","number":753,"title":"Cache Ruins Everything Around Me","date":"2024-04-08T11:00:00.293Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_753.mp3","youtube_url":"https://www.youtube.com/watch?v=j8oD976nhZk","show_notes":"\nScott and Wes dive into the cache problem, tackling user-specific data and caching security. From marketing A/B testing to content negotiation, they explore various challenges and solutions, including different URL/query parameters, edge logic, and client-side caching.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:22](#t=01:22)** Syntax is on [YouTube](www.youtube.com/@syntaxfm).\n* **[02:16](#t=02:16)** Let's talk about the cache problem.\n* **[03:33](#t=03:33)** User-specific data and caching security.\n* **[06:27](#t=06:27)** Why might this pop up?\n * **[06:29](#t=06:29)** Marketing A/B testing - cookie based.\n * **[06:55](#t=06:55)** User-selected features - such as themes.\n * **[06:58](#t=06:58)** Language or geo-based items - accept language.\n * **[07:11](#t=07:11)** Images - WebP for some browsers, jpg for others.\n * **[07:45](#t=07:45)** JSON/HTML based on accept header.\n * **[08:17](#t=08:17)** Different encoding.\n* **[08:26](#t=08:26)** [Content negotiation](https://developer.mozilla.org/en-US/docs/Web/HTTP/Content_negotiation).\n* **[08:54](#t=08:54)** The solutions.\n * **[09:04](#t=09:04)** Provide different URLs/Query parameter.\n * **[11:19](#t=11:19)** Don’t cache the page, cache the data based on query.\n * **[15:01](#t=15:01)** Implement a “Cache Key” - one render for every option.\n * [Netlify](https://www.netlify.com/blog/netlify-cache-key-variations/)\n * [Fastly](https://www.fastly.com/blog/getting-most-out-vary-fastly)\n * [Cloudflare](https://developers.cloudflare.com/cache/how-to/cache-keys/)\n * **[18:17](#t=18:17)** Use edge logic.\n * **[19:52](#t=19:52)** Just do it client-side.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"1fcd43d9c6f9f188278988509b4d9afaa10d8279d7d798561f6c7316716e92b4","slug":"cache-ruins-everything-around-me","md_file":"/shows/753 - Cache Ruins Everything Around Me.md","created_at":"2024-04-05T18:00:29.816Z","updated_at":"2024-08-29T14:18:22.609Z","show_type":"HASTY","guests":[],"notesFile":"/shows/753 - Cache Ruins Everything Around Me.md","displayNumber":"753","displayDate":"April 8th, 2024"},{"id":"syntax_podcast_show_00752","number":752,"title":"React vs Vue vs Angular with Corbin Crutchley","date":"2024-04-05T11:00:00.828Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_752.mp3","youtube_url":"https://www.youtube.com/watch?v=_licnRxAVk0","show_notes":"\nWhich framework is best? Join Scott and Wes as they chat with Corbin Crutchley, author of the \"Framework Field Guide\", diving into the world of frameworks, metaframeworks, and tips to stay up-to-date on the latest trends in web development.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:48](#t=00:48)** Who is Corbin Crutchley?\n* **[02:08](#t=02:08)** Brought to you by [Sentry.io](www.sentry.io/syntax).\n* **[02:32](#t=02:32)** Hilton, like the hotel?\n* **[05:57](#t=05:57)** What is the best framework?\n* **[07:23](#t=07:23)** How do you compare these frameworks?\n* **[10:00](#t=10:00)** Do you feel like the metaframeworks are comparable?\n* **[11:02](#t=11:02)** Exciting announcements from [ng-conf](https://ng-conf.org/)?\n* **[11:42](#t=11:42)** Are Wiz and Angular merging?\n* **[14:17](#t=14:17)** Angular signals and Vue comparison.\n* [PreactJS Signals](https://preactjs.com/guide/v10/signals/)\n* **[17:53](#t=17:53)** Adding signals to vanilla JavaScript and browsers.\n* **[21:02](#t=21:02)** What is derived state?\n* **[23:11](#t=23:11)** How can we store state within these different frameworks?\n* **[24:37](#t=24:37)** Passing children.\n* **[26:40](#t=26:40)** Which has the best implementation for passing children?\n* **[28:52](#t=28:52)** What's the approach for building framework agnostic components?\n* [TanStack Store](https://tanstack.com/store/latest)\n* **[30:31](#t=30:31)** How much of it is framework specific?\n* **[31:35](#t=31:35)** Headless or DOM-based?\n* **[32:48](#t=32:48)** What are the best practices for writing this?\n* **[35:28](#t=35:28)** What's the biggest framework pain point?\n* **[36:21](#t=36:21)** Is there a language that requires significantly more code?\n* **[38:52](#t=38:52)** What about Web Components?\n* **[39:58](#t=39:58)** Your book is free?\n* [Framework Field Guide](https://unicorn-utterances.com/collections/framework-field-guide)\n* Shout-out [Eduardo Pratti](https://twitter.com/edpratti) and [Kevin Aguilar](https://twitter.com/kevttob).\n* **[42:42](#t=42:42)** What's the process of writing a book like this?\n* **[45:44](#t=45:44)** Not a physical book?\n* **[46:17](#t=46:17)** Walk us through the tech stack.\n* **[48:27](#t=48:27)** Supper Club Questions.\n* **[48:33](#t=48:33)** What text editor, theme and font do you use?\n* **[49:53](#t=49:53)** What terminal and shell do you use?\n* **[50:19](#t=50:19)** How do you stay up to date?\n* **[53:39](#t=53:39)** Do you have advice for beginners?\n* **[55:26](#t=55:26)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Corbin: [Shiki Syntax Highlighter](https://shiki.style/)\n\n### Shameless Plugs\n\n- Corbin: [Framework Field Guide](https://unicorn-utterances.com/collections/framework-field-guide)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"5e2f563f7524be60a1a4df189fb7d54e3542f06e9d21d9b282606cf2fea289cd","slug":"react-vs-vue-vs-angular-with-corbin-crutchley","md_file":"/shows/752 - React vs Vue vs Angular with Corbin Crutchley.md","created_at":"2024-04-04T15:00:52.179Z","updated_at":"2024-08-29T14:18:22.536Z","show_type":"SUPPER","guests":[{"Guest":{"github":"crutchcorn","name":"Corbin Crutchley"}}],"notesFile":"/shows/752 - React vs Vue vs Angular with Corbin Crutchley.md","displayNumber":"752","displayDate":"April 5th, 2024"},{"id":"syntax_podcast_show_00751","number":751,"title":"UI Components: ShadCN, Tailwind UI, Headless, React Aria, Radix UI","date":"2024-04-03T11:00:00.253Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_751.mp3","youtube_url":"https://www.youtube.com/watch?v=9-6deom3ZdY","show_notes":"\nScott and Wes explore UI Components, discussing functionality, styling, accessibility, and theming. From headless components to styled starters, they share valuable insights to elevate your UI game.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[02:39](#t=02:39)** We're on YouTube.\n* **[03:14](#t=03:14)** The four categories of UI libraries or frameworks.\n* **[03:46](#t=03:46)** What does a UI component need to do?\n * **[04:14](#t=04:14)** Must be functional.\n * **[06:20](#t=06:20)** They must fit styling.\n * **[06:33](#t=06:33)** They must be accessible.\n * **[08:09](#t=08:09)** \"Internationalizationable.\"\n * **[09:29](#t=09:29)** They must handle theming and variants.\n* **[10:05](#t=10:05)** A few common UI components.\n * **[10:14](#t=10:14)** Date Pickers.\n * **[12:10](#t=12:10)** Dropdowns.\n * **[13:21](#t=13:21)** Toast message.\n * [Svelte French Toast](https://svelte-french-toast.com/)\n * **[15:11](#t=15:11)** Some honorable mentions.\n* **[16:10](#t=16:10)** Headless components.\n * **[18:54](#t=18:54)** [React Aria](https://react-spectrum.adobe.com/react-aria/).\n * [Behavior](https://react-spectrum.adobe.com/react-aria/interactions.html), [Accessibility](https://react-spectrum.adobe.com/react-aria/accessibility.html), [Internationalization](https://react-spectrum.adobe.com/react-aria/internationalization.html)\n * **[19:34](#t=19:34)** [Radix UI Primitives](https://www.radix-ui.com/primitives).\n * **[20:16](#t=20:16)** [Downshift JS](https://github.com/downshift-js/downshift).\n * **[21:29](#t=21:29)** [Tanstack Table and Forms](https://tanstack.com/table/latest).\n* **[26:00](#t=26:00)** Unstyled components.\n * **[28:04](#t=28:04)** [Shoelace](https://shoelace.style/).\n * **[32:47](#t=32:47)** [React Aria Components](https://react-spectrum.adobe.com/react-aria/components.html).\n * **[33:00](#t=33:00)** [Headless UI](https://headlessui.com/).\n * **[33:04](#t=33:04)** [Radix UI](https://www.radix-ui.com/).\n * **[37:12](#t=37:12)** [Base UI](https://mui.com/base-ui/getting-started/).\n* **[38:23](#t=38:23)** What's up with Google's design?\n* **[40:22](#t=40:22)** Styled Starters.\n * [React Aria Components Starter](https://react-spectrum.adobe.com/react-aria/getting-started.html#starter-kits)\n * [ShadCN](https://ui.shadcn.com/)\n * [Tailwind Catalyst](https://tailwindcss.com/blog/introducing-catalyst)\n * [MeltUI](https://melt-ui.com/)\n* **[47:50](#t=47:50)** What is the process for overriding with custom elements.\n* **[51:10](#t=51:10)** UI Kits and Design Systems.\n* **[53:06](#t=53:06)** Some things to consider.\n* [JS Nation](https://jsnation.com/)\n* **[55:41](#t=55:41)** A few more options to consider.\n * [Pigment CSS](https://github.com/mui/material-ui/tree/master/packages/pigment-css-react)\n * [Base UI](https://mui.com/base-ui/getting-started/)\n * [Shoelace](https://shoelace.style/)\n * [BaseLayer](https://www.baselayer.dev/)\n * [JollyUI](https://www.jollyui.dev/)\n * [DraftUI](https://draft-ui.com/)\n * [Radix UI](https://www.radix-ui.com/)\n * [PenguinUI](https://www.penguinui.com/)\n * [Tailwind CSS](https://tailwindcss.com/blog/introducing-catalyst)\n * [TailwindUI](https://tailwindui.com/)\n * [VerveUI](https://verveui.pro/)\n * [DaisyUI](https://daisyui.com/)\n * [ChakraUI](https://chakra-ui.com/)\n * [Flowbite](https://flowbite.com/)\n * [FloatingUI](https://floating-ui.com/)\n * [Downshift JS](https://github.com/downshift-js/downshift)\n * [Mantine](https://mantine.dev/)\n * [AgnosUI](https://amadeusitgroup.github.io/AgnosUI/latest/)\n * [Ariakit](https://ariakit.org/)\n * [drab](https://drab.robino.dev)\n* **[59:02](#t=59:02)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Wes: [Battery Daddy](https://www.costco.ca/ontel-battery-daddy-180-battery-organizer-and-storage-case-with-tester.product.4000032542.html)\n- Scott: [Lazy Susan](https://amzn.to/49XFo3n), [Rechargeable Batteries](https://amzn.to/4akUWxW), [Charger](https://amzn.to/3vgX6zI)\n\n### Shameless Plugs\n\n- Scott: [Syntax on YouTube](www.youtube.com/@syntaxfm)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"4541e7eebec9c3133f20e00d2f7d4da97c87b6920e08783d0e3a006a1e389a07","slug":"ui-components-shadcn-tailwind-ui-headless-react-aria-radix-ui","md_file":"/shows/751 - UI Components.md","created_at":"2024-04-03T00:00:33.155Z","updated_at":"2024-08-29T14:18:22.503Z","show_type":"TASTY","guests":[],"notesFile":"/shows/751 - UI Components.md","displayNumber":"751","displayDate":"April 3rd, 2024"},{"id":"syntax_podcast_show_00750","number":750,"title":"New CSS and JavaScript You Should Be Using","date":"2024-04-01T11:00:00.199Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_750.mp3","youtube_url":"https://www.youtube.com/watch?v=bPJ8gDGQH9E","show_notes":"\nGet stoked, jQuery 1.2 is here! Join Scott and Wes as they discuss jQuery Mobile, slicing PSD files, CSS rounded corners, CoffeeScript features, WordPress 2.3, and the rise of Skeuomorphism, shaping the landscape of web development this year.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:16](#t=01:16)** Brought to you by [Sentry.io](www.sentry.io/syntax).\n* **[02:17](#t=02:17)** jQuery 1.2 released!\n* **[07:38](#t=07:38)** jQuery Mobile.\n* **[09:34](#t=09:34)** Skeuomorphism.\n* **[10:25](#t=10:25)** How do you slice up your .PSDs?\n* [Slicy By MacRabbit](https://haizdesign.com/photoshop/slicy-by-macrabbit-review/)\n* **[12:34](#t=12:34)** Cufon, new font method.\n* **[14:06](#t=14:06)** CSS rounded corners.\n* [CSS3Please](https://css3please.com/)\n* **[15:17](#t=15:17)** Coda Tip.\n* **[16:48](#t=16:48)** Top 5 CoffeeScript Features.\n* **[18:44](#t=18:44)** Conference Talks to Spotlight.\n* [BatmanJS, your new favorite JavaScript superhero](https://batmanjs.org/)\n* **[20:35](#t=20:35)** WordPress 2.3!\n* **[21:15](#t=21:15)** PHP 5.2.0\n* [PHP 5.2.0 Release Announcement](https://www.php.net/releases/5_2_0.php)\n* **[21:53](#t=21:53)** Sponsored by Media Temple.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"349cd385ef6f48cacb634532ce8def314f145cf37a0f5a63bbab26877ee76184","slug":"new-css-and-javascript-you-should-be-using","md_file":"/shows/750 - New CSS and JavaScript You Should Be Using.md","created_at":"2024-03-28T21:00:36.049Z","updated_at":"2024-08-29T14:18:22.471Z","show_type":"HASTY","guests":[],"notesFile":"/shows/750 - New CSS and JavaScript You Should Be Using.md","displayNumber":"750","displayDate":"April 1st, 2024"},{"id":"syntax_podcast_show_00749","number":749,"title":"Coding Shopify with Anne and Trudy of Design Packs","date":"2024-03-29T11:00:00.247Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_749.mp3","youtube_url":"https://www.youtube.com/watch?v=WY9q2PVd2q4","show_notes":"\nScott and Wes are joined by special guests Trudy MacNabb and Anne Thomas from Design Packs, diving into the nitty-gritty of Shopify design. Tune in as they dissect the pros and cons, challenges, and unveil their daily toolkit for crafting stunning Shopify websites.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:59](#t=00:59)** Who is Anne Thomas?\n* **[02:30](#t=02:30)** Who is Trudy MacNabb?\n* **[04:06](#t=04:06)** Shopify themes, how does one build a theme?\n* **[05:34](#t=05:34)** Do you have enough control with LiquidJS?\n* **[07:52](#t=07:52)** Changing components of a liquid template.\n* **[08:58](#t=08:58)** LiquidJS improving their dev tools.\n* **[09:29](#t=09:29)** LiquidJS email marketing.\n* **[10:32](#t=10:32)** Can you make your own LiquidJS methods?\n* [Too Many Tabs](https://toomanytabs.xyz/)\n* **[11:34](#t=11:34)** How would you create a theme from scratch using modern tools?\n* **[13:30](#t=13:30)** What about local dev and live reload?\n* [Shopify Tools CLI](https://shopify.dev/docs/themes/tools/cli)\n* **[15:17](#t=15:17)** Is Shopify improving?\n* **[17:13](#t=17:13)** What do you hate about Shopify themes?\n* [Shopify Tools Theme Kit](https://shopify.dev/docs/themes/tools/theme-kit)\n* **[18:59](#t=18:59)** Have you used Hydrogen?\n* [Shopify Hydrogen](https://hydrogen.shopify.dev/)\n* **[20:09](#t=20:09)** Headless has sacrifices.\n* **[22:02](#t=22:02)** Are people building full websites in Shopify?\n* **[23:56](#t=23:56)** Apps and integrations.\n* **[25:56](#t=25:56)** Are people creating businesses around these integrations?\n* **[29:16](#t=29:16)** What are design packs?\n* **[31:26](#t=31:26)** Do you run your own servers?\n* **[31:57](#t=31:57)** How does billing work with clients?\n* **[33:18](#t=33:18)** Apps being 'Sherlocked'.\n* ['Sherlocking' Explained](https://thehustle.co/sherlocking-explained)\n* **[35:21](#t=35:21)** Where is the data stored?\n* **[36:35](#t=36:35)** Can you make a custom UI?\n* **[38:40](#t=38:40)** What are the downsides of building apps on Shopify?\n* **[39:17](#t=39:17)** Are you expected to maintain versions?\n* **[40:46](#t=40:46)** Do you manage all the support independently?\n* **[42:01](#t=42:01)** How do you match with their existing themes?\n* **[43:54](#t=43:54)** What are the most popular blocks?\n* **[45:17](#t=45:17)** Does Shopify provide bundlers or compilers?\n* **[46:47](#t=46:47)** Shopify moving to blocks.\n* **[47:38](#t=47:38)** Living as a digital nomad.\n* [Syntax Episode 586 on Nomad Developing](https://syntax.fm/586)\n* **[49:48](#t=49:48)** A new app Anne and Trudy launched.\n* **[51:35](#t=51:35)** Limited by block size.\n* **[54:08](#t=54:08)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Trudy: [Bar of Shampoo](https://theblacktravelbox.com/)\n- Anne: [Alie Ward Ologies Podcast](https://www.alieward.com/ologies)\n\n### Shameless Plugs\n\n- Trudy: 25% off using SYNTAX25 at [Design Packs](https://design-packs.com/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"fa2db3e7cefec0157a58d8a16c3ecda24cb48ce863a7dcf320b18e59f1b6ee78","slug":"coding-shopify-with-anne-and-trudy-of-design-packs","md_file":"/shows/749 - Shopify With Anne and Trudy.md","created_at":"2024-03-26T21:00:09.470Z","updated_at":"2024-08-29T14:18:22.401Z","show_type":"SUPPER","guests":[{"Guest":{"github":"deartrudence","name":"Trudy MacNabb"}},{"Guest":{"github":"AlfalfaAnne","name":"Anne Thomas"}}],"notesFile":"/shows/749 - Shopify With Anne and Trudy.md","displayNumber":"749","displayDate":"March 29th, 2024"},{"id":"syntax_podcast_show_00748","number":748,"title":"Fitness Will Make You a Better Developer","date":"2024-03-27T11:00:00.075Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_748.mp3","youtube_url":"https://www.youtube.com/watch?v=DArcOe9B4Xw","show_notes":"\nLevel up your coding game -and your gains! Today, Scott and Wes weigh in on the importance of physical fitness for developers, covering motivation, diet, lifting basics, routines, and swole-inducing supplements.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:14](#t=01:14)** Brought to you by [Sentry.io](www.sentry.io/syntax).\n* **[03:10](#t=03:10)** A very quick disclaimer.\n* **[03:32](#t=03:32)** A brief view of our fitness history.\n* **[06:19](#t=06:19)** Why is fitness important for developers?\n* **[09:12](#t=09:12)** Setting your goals.\n* **[13:06](#t=13:06)** Getting started with fitness.\n * **[13:13](#t=13:13)** Body-weight.\n * **[13:58](#t=13:58)** Stretching.\n * **[16:47](#t=16:47)** Fun activities that don't feel like workouts.\n * **[17:48](#t=17:48)** Lifting weights.\n * [Stronglifts](https://stronglifts.com/)\n * [StartingStrength](https://www.reddit.com/r/StartingStrength/)\n* **[25:47](#t=25:47)** Home gym gear.\n* [Rogue Stall Bar](https://www.roguefitness.com/rogue-stall-bar-3-0)\n* **[37:14](#t=37:14)** Fitness programs.\n* **[40:53](#t=40:53)** I guess we have to talk about diet.\n* [MacroFactorApp](https://macrofactorapp.com/)\n* **[46:37](#t=46:37)** Motivation.\n* **[47:42](#t=47:42)** Supplements.\n* [BulkSupplements.com Creatine](https://www.amazon.com/dp/B0B9HWN8S9)\n* **[51:23](#t=51:23)** Sick Picks.\n\n### Sick Picks\n\n- Wes: [Wikday Pull Up Bands](https://amzn.to/3wSduqM)\n- Scott: [Booty Bands](https://amzn.to/4abKzMy)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"1fdd23217e7246045e11deaea4a5d3c12908be62aaf5a35b1ea11f8279385724","slug":"fitness-will-make-you-a-better-developer","md_file":"/shows/748 - Fitness.md","created_at":"2024-03-22T21:00:49.750Z","updated_at":"2024-08-29T14:18:22.370Z","show_type":"TASTY","guests":[],"notesFile":"/shows/748 - Fitness.md","displayNumber":"748","displayDate":"March 27th, 2024"},{"id":"syntax_podcast_show_00747","number":747,"title":"Middleware Explained","date":"2024-03-25T11:00:00.286Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_747.mp3","youtube_url":"https://www.youtube.com/watch?v=JKb_rYvdmpo","show_notes":"\nJoin Wes and Scott for a hasty episode of Syntax as they unpack the power of middleware for developers, covering caching, authentication, A/B testing, error handling, and user redirection in a quick, punchy rundown to supercharge your backend skills!\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:41](#t=00:41)** [Syntax on YouTube](www.youtube.com/@syntaxfm).\n* **[01:28](#t=01:28)** What is middleware?\n* **[05:04](#t=05:04)** Some real-world examples of middleware.\n * **[05:10](#t=05:10)** Authentication.\n * **[07:44](#t=07:44)** Redirecting users to a specific instance.\n * **[08:28](#t=08:28)** Logging + statistics.\n * **[09:41](#t=09:41)** Debugging.\n * **[10:00](#t=10:00)** Timers.\n * **[10:46](#t=10:46)** A/B testing.\n * **[11:59](#t=11:59)** Error handling + logging.\n * **[12:23](#t=12:23)** Caching.\n * **[13:02](#t=13:02)** Multi-tenant applications.\n* **[15:08](#t=15:08)** Where does it run?\n* **[18:07](#t=18:07)** What are the limitations?\n* **[21:52](#t=21:52)** Next.js middleware is one file only.\n* [NextJS Middleware](https://nextjs.org/docs/app/building-your-application/routing/middleware)\n* **[23:35](#t=23:35)** Sveltekit solution.\n* [Sveltekit Hooks](https://kit.svelte.dev/docs/hooks)\n* **[24:31](#t=24:31)** Connect style.\n* [Fastify Express](https://github.com/fastify/fastify-express)\n* [Fastify Middle](https://github.com/fastify/middie)\n* **[25:28](#t=25:28)** One last thing, NPM Installing.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"d6e5c01995deaa8d4608dfccc6f13fdeea9c23bde85869c58453d7d9313d9fce","slug":"middleware-explained","md_file":"/shows/747 - Middleware Explained.md","created_at":"2024-03-22T18:00:07.124Z","updated_at":"2024-08-29T14:18:22.341Z","show_type":"HASTY","guests":[],"notesFile":"/shows/747 - Middleware Explained.md","displayNumber":"747","displayDate":"March 25th, 2024"},{"id":"syntax_podcast_show_00746","number":746,"title":"Infrastructure for TS Devs: Kubernetes, WASM and Containers with David Flanagan","date":"2024-03-22T11:00:00.885Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_746.mp3","youtube_url":"https://www.youtube.com/watch?v=DzAco4Aq3mw","show_notes":"\nDeploy your own tech stack: Wes and Scott are joined by Kubernetes expert David Flanagan to be schooled on how Kubernetes, Docker and even WASM containers work.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:55](#t=01:55)** Should developers know how to run their own servers?\n* **[04:57](#t=04:57)** What is \"bare metal\"?\n* **[11:49](#t=11:49)** What the hell is Kubernetes?\n* **[12:25](#t=12:25)** Why would somebody need Kubernetes?\n* **[15:37](#t=15:37)** Using Kubernetes to spin up different instances on cloud providers.\n* [etcd](https://etcd.io/)\n* **[16:43](#t=16:43)** Kubernetes managing traffic spikes.\n* **[18:46](#t=18:46)** How much downtime can you handle?\n* **[22:11](#t=22:11)** What exactly is a container?\n* **[24:06](#t=24:06)** What containers do you prefer?\n* [Docker](https://www.docker.com/)\n* [Containerd](https://containerd.io/)\n* **[25:28](#t=25:28)** Some additional terminology.\n* [OCI Open Container Initiative](https://opencontainers.org/)\n* **[26:43](#t=26:43)** What about WASM?\n* [WASM WebAssembly](https://webassembly.org/)\n* **[29:31](#t=29:31)** Building a Docker container.\n* **[31:11](#t=31:11)** Why would someone want to use a WebAssembly container?\n* **[32:12](#t=32:12)** Are people shipping this technology?\n* **[33:36](#t=33:36)** What functions would you put in WASM?\n* **[36:57](#t=36:57)** How does someone make a WASM image?\n* **[39:22](#t=39:22)** A little more about Spin.\n* [Fermyon Spin](https://www.fermyon.com/blog/introducing-spin)\n* **[39:56](#t=39:56)** What type of processors are used in these servers?\n* **[42:27](#t=42:27)** What are home servers running on?\n* [Turing Pi 2](https://www.kickstarter.com/projects/turingpi/turing-pi-cluster-board)\n* [Daniel Mangum](https://danielmangum.com/)\n* [Universal Blue](https://universal-blue.org/)\n* **[46:40](#t=46:40)** How should someone get started with Kubernetes?\n* [Kubernetes.io](https://kubernetes.io/)\n* [Rawkode YouTube](https://www.youtube.com/@RawkodeAcademy)\n* [Kubesimplify](https://kubesimplify.com/)\n* [Learnk8s](https://learnk8s.io/)\n* **[48:51](#t=48:51)** Infrastructure as code.\n* [CDK for Terraform](https://developer.hashicorp.com/terraform/cdktf)\n* [GraalVM](https://www.graalvm.org/)\n* **[55:19](#t=55:19)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- David:\n * [Golem.cloud](https://www.golem.cloud/)\n * [Restate.dev](https://restate.dev/)\n\n### Shameless Plugs\n\n- David:\n * [Rawkode YouTube](https://www.youtube.com/@RawkodeAcademy)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"9ac0d0f0071b3429bc5fb002d9fd4dd11538357529459d35fe0711acb49c66c1","slug":"infrastructure-for-ts-devs-kubernetes-wasm-and-containers-with-david-flanagan","md_file":"/shows/746 - Infrastructure for TS Devs.md","created_at":"2024-03-18T21:00:25.695Z","updated_at":"2024-08-29T14:18:22.255Z","show_type":"SUPPER","guests":[{"Guest":{"github":"rawkode","name":"David Flanagan"}}],"notesFile":"/shows/746 - Infrastructure for TS Devs.md","displayNumber":"746","displayDate":"March 22nd, 2024"},{"id":"syntax_podcast_show_00745","number":745,"title":"Modern JS Toolchains (Biome, Oxc + More)","date":"2024-03-20T11:00:00.354Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_745.mp3","youtube_url":"https://www.youtube.com/watch?v=CawsIaarxAE","show_notes":"\nWes and Scott dive deep into the world of JavaScript toolchains, exploring everything from linters and compilers to transpilers and formatters. Tune in as they shed light on cutting-edge technologies like Biome, UnJS, and Ezno that are shaping the future for developers.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:37](#t=01:37)** Syntax is on [YouTube](www.youtube.com/@syntaxfm).\n* **[02:09](#t=02:09)** Do we really need tooling?\n* **[04:02](#t=04:02)** Popular tools are predominantly plug and play.\n* **[06:15](#t=06:15)** What can tooling do for us?\n* **[07:16](#t=07:16)** The tools in today's workflow.\n * **[07:21](#t=07:21)** Linters.\n * **[11:29](#t=11:29)** Compilers and transpilers.\n * **[13:30](#t=13:30)** Formatters.\n * **[16:18](#t=16:18)** Tokenizers and Parsers.\n * **[16:46](#t=16:46)** Bundlers.\n * **[17:59](#t=17:59)** Macros.\n* **[20:26](#t=20:26)** The new tools in the space.\n * **[20:47](#t=20:47)** [Biome](https://biomejs.dev/), one toolchain for your web project.\n * **[28:27](#t=28:27)** [Oxc](https://oxc-project.github.io/), the JavaScript oxidation compiler.\n * **[33:01](#t=33:01)** [Deno](https://docs.deno.com/runtime/manual/tools/formatter), code formatting.\n * **[34:13](#t=34:13)** [ESBuild](https://esbuild.github.io/), an extremely fast bundler for the web.\n * **[34:37](#t=34:37)** [Rolldown](https://github.com/rolldown/rolldown), fast Rust-based bundler for JavaScript.\n * **[38:34](#t=38:34)** [Ezno](https://github.com/kaleidawave/ezno), TypeScript type checker.\n * **[40:24](#t=40:24)** [UnJS](https://unjs.io/), Unleash JavaScript's Potential.\n * **[41:45](#t=41:45)** [Lightning CSS](https://lightningcss.dev/), CSS parser, transformer, bundler, and minifier.\n* **[42:31](#t=42:31)** Is JavaScript good enough to handle these tools?\n* **[43:26](#t=43:26)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Shinobi-Geddon: The 1980s Ninja Craze](https://www.youtube.com/watch?v=fcq0pwr0IKg)\n- Wes: [Bachans Japanese Barbecue Sauce](https://bachans.com/collections/all-products)\n\n### Shameless Plugs\n\n- Scott: [Syntax on YouTube](www.youtube.com/@syntaxfm)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"0a57ce7768c56b74ff280f50e7b6ed4dfca4004b5cfd54665b892ca4a7a2f401","slug":"modern-js-toolchains-biome-oxc-more","md_file":"/shows/745 - Modern JS Toolchains.md","created_at":"2024-03-18T21:00:25.630Z","updated_at":"2024-08-29T14:18:22.225Z","show_type":"TASTY","guests":[],"notesFile":"/shows/745 - Modern JS Toolchains.md","displayNumber":"745","displayDate":"March 20th, 2024"},{"id":"syntax_podcast_show_00744","number":744,"title":"Docker For Developers","date":"2024-03-18T11:00:00.328Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_744.mp3","youtube_url":"https://www.youtube.com/watch?v=TeU0RJgL6y4","show_notes":"\nJoin Scott and CJ on a rapid-fire journey through Docker. From unraveling containerization to practical advice on incorporating Docker into your workflow, this quick-paced episode has everything you need to navigate the world of container technology.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:19](#t=01:19)** Brought to you by [Sentry.io](www.sentry.io/syntax).\n* **[02:20](#t=02:20)** Easily reproducible environments.\n* **[02:57](#t=02:57)** Containerization technology.\n* [Containerization](https://en.wikipedia.org/wiki/Containerization_(computing))\n* [OS-level Virtualization](https://en.wikipedia.org/wiki/OS-level_virtualization)\n* **[04:42](#t=04:42)** Docker is brand name containerization, there are others.\n * [Podman](https://podman.io/)\n * [Containerd](https://containerd.io/)\n * [Buildah](https://buildah.io/)\n * [LXD](https://canonical.com/lxd)\n* **[05:26](#t=05:26)** Why would a web developer want to use Docker?\n* **[08:19](#t=08:19)** How do you get started with Docker?\n * [Download Docker Desktop](https://www.docker.com/products/docker-desktop/)\n * [Start With Docs](https://docs.docker.com/guides/get-started/)\n * [Docker 101](https://www.docker.com/101-tutorial/)\n* **[09:14](#t=09:14)** How does Docker work?\n* [Docker Sentry](https://hub.docker.com/r/getsentry/sentry)\n* [Docker Registry](https://docs.docker.com/registry/)\n* [Docker Layers](https://docs.docker.com/build/guide/layers/)\n* **[16:46](#t=16:46)** Adding Docker to an existing project.\n* [SvelteKit Dockerfile](https://github.com/CodingGarden/listd/blob/main/Dockerfile)\n* [Node.js / Express](https://github.com/CodingGarden/entropychat.app/blob/master/server/Dockerfile)\n* [CLI Runner Twitchbot](https://github.com/CodingGarden/twitch-team-shoutout-bot/blob/master/Dockerfile)\n* [Development PHP / Mongodb Dockerfile](https://github.com/CodingGarden/AMA/blob/master/2023-02-08/look-at-php/Dockerfile)\n* **[21:37](#t=21:37)** What is Docker Compose?\n* [Docker Compose](https://docs.docker.com/compose/)\n* **[22:50](#t=22:50)** What are some 'gotchas' or things to look out for when setting up a project?\n* [Coding Garden Example](https://github.com/CodingGarden/entropychat.app/blob/master/server/Dockerfile)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nCJ: [X](https://twitter.com/coding_garden) [Instagram](https://www.instagram.com/coding.garden/) [Tiktok](https://www.tiktok.com/@coding.garden) [TwitchTV](https://www.twitch.tv/codinggarden) [YouTube](https://www.youtube.com/@CodingGarden)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"17e5e2d848785ffe066f90f271a6018a3d54bb3b994cbdbc1c99a220cb92beb2","slug":"docker-for-developers","md_file":"/shows/744 - Docker For Developers.md","created_at":"2024-03-12T21:00:30.517Z","updated_at":"2024-08-29T14:18:22.184Z","show_type":"HASTY","guests":[],"notesFile":"/shows/744 - Docker For Developers.md","displayNumber":"744","displayDate":"March 18th, 2024"},{"id":"syntax_podcast_show_00743","number":743,"title":"JavaScript Figma Plugins & Working at GitHub With Cameron McEfee","date":"2024-03-15T11:00:00.860Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_743.mp3","youtube_url":"https://www.youtube.com/watch?v=0CXs2IdXneY","show_notes":"\nWes and Scott welcome Cameron McEfee, a seasoned creative director whose journey spans GitHub, Sentry.io, and the innovative realm of JavaScript plugins with his creation, GuideGuide. Cameron explores plugin building, iterating on the iconic Octocat for GitHub, and shedding light on the multifaceted roles of a creative director.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:06](#t=01:06)** Who is Cameron McEfee?\n* **[03:00](#t=03:00)** What does a Creative Director do?\n* **[09:47](#t=09:47)** In a creative and collaborative field, how do you deal with hurt feelings?\n* **[12:32](#t=12:32)** Experiences at GitHub (404/500 pages).\n* **[15:35](#t=15:35)** Who is responsible for all the Octocat variations?\n* [GitHub Octodex](https://octodex.github.com/)\n* **[17:18](#t=17:18)** Did you ever get in trouble for using famous IP?\n* **[21:07](#t=21:07)** Working at [Sentry.io](www.sentry.io/syntax).\n* **[25:08](#t=25:08)** What is your illustration process?\n* **[27:04](#t=27:04)** What is GuideGuide?\n* [GuideGuide](https://guideguide.me/)\n* [Moo Tokenizer/Lexer](https://github.com/no-context/moo)\n* **[33:13](#t=33:13)** Grid Notation.\n* **[36:10](#t=36:10)** Can 'good colors' be calculated, can good design be math'd?\n* **[40:46](#t=40:46)** What was the process of building your own plugin?\n* **[43:37](#t=43:37)** Adding guides with JavaScript APIs.\n* **[44:44](#t=44:44)** Recreating application UIs within plugins.\n* [GoodHertz](https://goodhertz.com/canopener-studio/)\n* **[50:22](#t=50:22)** How are you architecting these plugins?\n* **[52:44](#t=52:44)** Sick Picks & Shameless Plugs.\n\n### Sick Picks\n\n- Cameron:\n* [Ember Mug](https://ember.com/)\n* [Waterparks Spotify](https://open.spotify.com/artist/3QaxveoTiMetZCMp1sftiu)\n* [Execute Program](https://www.executeprogram.com/)\n\n### Shameless Plugs\n\n- Cameron: [GuideGuide 50% off](https://guideguide.me/landing?utm_campaign=interview&utm_source=syntax&promo=syntax)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"d6af48731e12a4986291350aaf2cb1fc6c5b0532cddc5b637ce5065a458ba820","slug":"javascript-figma-plugins-and-working-at-github-with-cameron-mcefee","md_file":"/shows/743 - JavaScript Figma Plugins.md","created_at":"2024-03-12T21:00:30.272Z","updated_at":"2024-08-29T14:18:22.097Z","show_type":"SUPPER","guests":[{"Guest":{"github":"cameronmcefee","name":"Cameron McEfee"}}],"notesFile":"/shows/743 - JavaScript Figma Plugins.md","displayNumber":"743","displayDate":"March 15th, 2024"},{"id":"syntax_podcast_show_00742","number":742,"title":"Potluck: Migrating to Typescript, Semver Explained, Accurate Timers and Countdowns","date":"2024-03-13T11:00:00.372Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_742.mp3","youtube_url":"https://www.youtube.com/watch?v=ZzDQjSqPhcU","show_notes":"\nScott and CJ dive into a potluck of developer queries, from their favorite tech reads to essential web dev fundamentals. Tune in as they dish out expert advice on migrating React projects to TypeScript, crafting precise timers for countdown apps, and navigating the world of free-tier plans.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:20](#t=01:20)** Brought to you by [Sentry.io](www.sentry.io/syntax).\n* **[02:16](#t=02:16)** What book changed your life?\n * [Whatever you think, think the opposite](https://amzn.to/3uXZISS)\n * [It’s not how good you are, it’s how good you want to be](https://amzn.to/3P5l3Ay)\n * [Crucial Conversations](https://amzn.to/49Ed9X4) thanks [@benvinegar](https://twitter.com/bentlegen)\n* **[04:58](#t=04:58)** What are the web development fundamentals for beginners?\n * [Command Line Power User](https://commandlinepoweruser.com/)\n* **[08:39](#t=08:39)** What are your thoughts on Chris Coyer's post on his sale of CSS-Tricks?\n * [Chris Coyer's Post](https://chriscoyier.net/2024/02/28/where-im-at-on-the-whole-css-tricks-thing/)\n* **[11:51](#t=11:51)** Advice for migrating an existing React project to TypeScript.\n* **[20:38](#t=20:38)** Countdown apps, performance vs accuracy.\n* **[25:19](#t=25:19)** Are you listening to podcasts? Which ones?\n* **[31:46](#t=31:46)** With AI on the rise, will free-tier plans become a thing of the past?\n * [Coolify](https://coolify.io/)\n * [Syntax 730: Own Your Own Paas](https://syntax.fm/show/730/own-your-own-paas)\n* **[35:59](#t=35:59)** What is SemVer anyway?\n * [semver.org](https://semver.org/)\n * [npmjs](https://www.npmjs.com/package/@auth/core)\n * [TypeScript on Semantic Versioning](https://www.learningtypescript.com/articles/why-typescript-doesnt-follow-strict-semantic-versioning)\n* **[40:14](#t=40:14)** A question on ergonomics, home office aesthetics and productivity.\n* **[47:59](#t=47:59)** Do you ever stop to consider VueJS in 2024? Why or why not?\n * [unjs.io](https://unjs.io/)\n* **[52:12](#t=52:12)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [Ellenos Yogurt](https://ellenos.com/)\n- CJ: [Flat Iron Pepper](https://www.flatironpepper.com/)\n\n### Shameless Plugs\n\n- [Syntax.fm YouTube](https://www.youtube.com/@syntaxfm)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nCJ: [X](https://twitter.com/coding_garden) [Instagram](https://www.instagram.com/coding.garden/) [Tiktok](https://www.tiktok.com/@coding.garden) [TwitchTV](https://www.twitch.tv/codinggarden) [YouTube](https://www.youtube.com/@CodingGarden)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"fdfdfa979ead5d9007957f611f4d14c71eef1d36a4ae9270b7eeecac52caa7f3","slug":"potluck-migrating-to-typescript-semver-explained-accurate-timers-and-countdowns","md_file":"/shows/742 - Potluck: Migrating to Typescript, Semver Explained, Accurate Timers and Countdowns.md","created_at":"2024-03-12T21:00:30.223Z","updated_at":"2024-08-29T14:18:22.057Z","show_type":"TASTY","guests":[],"notesFile":"/shows/742 - Potluck: Migrating to Typescript, Semver Explained, Accurate Timers and Countdowns.md","displayNumber":"742","displayDate":"March 13th, 2024"},{"id":"syntax_podcast_show_00741","number":741,"title":"TypeScript Interview Questions - STUMP’d","date":"2024-03-11T11:00:00.289Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_741.mp3","youtube_url":"https://www.youtube.com/watch?v=o5NrF0Ny9K8","show_notes":"\nWes and Scott tackle TypeScript trivia, from combining string literal types to unraveling the mystery of d.ts files. Join them as they challenge each other on conditional types, interfaces, triple-slash directives, and TypeScript records.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* [TypeScript](https://www.typescriptlang.org/)\n* **[01:05](#t=01:05)** Brought to you by [Sentry.io](www.sentry.io/syntax).\n* **[03:20](#t=03:20)** How do you combine string literal types?\n* [Template Literal Types](https://www.typescriptlang.org/docs/handbook/2/template-literal-types.html)\n* **[06:34](#t=06:34)** What is a TypeScript Generic and why would you use one?\n* [TypeScript Generics](https://www.typescriptlang.org/docs/handbook/2/generics.html)\n* **[08:12](#t=08:12)** How do you write a conditional type?\n* [TypeScript Conditional Types](https://www.typescriptlang.org/docs/handbook/2/conditional-types.html)\n* **[09:58](#t=09:58)** Generating TypeScript type from a function.\n* [Stricter Generators](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-6.html)\n* **[14:09](#t=14:09)** How do d.ts files work?\n* [Module .d.ts](https://www.typescriptlang.org/docs/handbook/declaration-files/templates/module-d-ts.html)\n* **[16:25](#t=16:25)** Name one difference between a type and an interface.\n* [Types vs Interfaces](https://www.typescriptlang.org/play#example/types-vs-interfaces)\n* **[19:15](#t=19:15)** What is a tripple-slash directive and why would you use them?\n* [Tripple-Slash Directives](https://www.typescriptlang.org/docs/handbook/triple-slash-directives.html)\n* **[20:52](#t=20:52)** What is a TypeScript record and what is it used for?\n* [Utility Types](https://www.typescriptlang.org/docs/handbook/utility-types.html)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"8676b01bcd2d39c734fff2c89866e59bea8066f390f9583ff2278940296f3d7f","slug":"typescript-interview-questions-stump-d","md_file":"/shows/741 - TypeScript Interview Questions - STUMP'd.md","created_at":"2024-03-09T21:00:11.577Z","updated_at":"2024-08-29T14:18:22.018Z","show_type":"HASTY","guests":[],"notesFile":"/shows/741 - TypeScript Interview Questions - STUMP'd.md","displayNumber":"741","displayDate":"March 11th, 2024"},{"id":"syntax_podcast_show_00740","number":740,"title":"Local AI Models in JavaScript - Machine Learning Deep Dive With Xenova","date":"2024-03-08T12:00:00.296Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_740.mp3","youtube_url":"https://www.youtube.com/watch?v=GVY__H89Ysk","show_notes":"\nScott and Wes are joined by special guest Xenova to explore local AI models in JavaScript. From Hugging Face to Transformers.js and practical applications like real-time speech recognition and object detection, this episode dives deep into the world of machine learning.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:41](#t=00:41)** Brought to you by [Sentry.io](www.sentry.io/syntax)\n* **[01:05](#t=01:05)** Who is Xenova?\n* **[02:08](#t=02:08)** What is Hugging Face?\n* **[03:29](#t=03:29)** What is Transformers.js?\n* **[06:16](#t=06:16)** How was the library developed?\n* [SponsorBlock](https://github.com/ajayyy/SponsorBlock)\n* **[09:04](#t=09:04)** How is it able to run?\n* **[10:09](#t=10:09)** Do they have to run in Python and how does Onnx work?\n* [Onnx.ai](https://onnx.ai/)\n* [Hugging Face Optimum](https://huggingface.co/docs/optimum/index)\n* **[14:19](#t=14:19)** What are some things you can do with this tech?\n* **[16:15](#t=16:15)** Vision tools.\n* **[17:38](#t=17:38)** This is actually running locally.\n* **[18:35](#t=18:35)** [Doodle Dash](https://huggingface.co/spaces/Xenova/doodle-dash)\n* **[21:09](#t=21:09)** They currently run on CPU, what is required to make it run on GPU?\n* **[24:44](#t=24:44)** Can you run in JavaScript?\n* **[28:32](#t=28:32)** How it works with image vectors.\n* **[34:23](#t=34:23)** Why would people want to run it in another language?\n* **[35:55](#t=35:55)** Resizing images in the browser instead of on the server.\n* **[38:55](#t=38:55)** Applications distributed on the web vs running locally.\n* **[43:54](#t=43:54)** Electron has Node and Chrome, where would you run Transformers.js?\n* **[44:32](#t=44:32)** The API of Transformers.js\n* **[46:30](#t=46:30)** Object Detection.\n* [Semantic Image Search Client](https://huggingface.co/spaces/Xenova/semantic-image-search-client)\n* [Real-Time Object Detection](https://huggingface.co/spaces/Xenova/video-object-detection)\n* [Background Removal Tool](https://huggingface.co/spaces/Xenova/remove-background-web)\n* **[48:33](#t=48:33)** What is the easiest way to get started?\n* **[51:26](#t=51:26)** Real-time speech recognition on the horizon?\n* **[52:08](#t=52:08)** Will we ever be able to run Stable Diffusion via JavaScript?\n* **[56:10](#t=56:10)** The [Web LLM](https://webllm.mlc.ai/).\n* **[57:22](#t=57:22)** Practical applications for YouTube.\n* **[59:39](#t=59:39)** What we want to build for Syntax.fm.\n* **[01:06:43](#t=01:06:43)** Mean pooling, why it's necessary.\n* **[01:09:30](#t=01:09:30)** Stopping YouTube spam comments.\n* **[01:10:34](#t=01:10:34)** K-Means Clustering.\n* [Text Clustering](https://discuss.huggingface.co/t/short-text-clustering/5829)\n* **[01:13:49](#t=01:13:49)** Quantization.\n* **[01:17:35](#t=01:17:35)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Xeonva: [WebGPU](https://developer.mozilla.org/en-US/docs/Web/API/WebGPU_API)\n\n### Shameless Plugs\n\n- Xenova: [Xenova on X](https://twitter.com/xenovacom)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"010238bc94c827f77ffe115d83ff3771afb30efa4a920ef5d2e0f850f953246a","slug":"local-ai-models-in-javascript-machine-learning-deep-dive-with-xenova","md_file":"/shows/740 - Local AI Models in JavaScript.md","created_at":"2024-03-08T00:00:28.980Z","updated_at":"2024-08-29T14:18:21.945Z","show_type":"SUPPER","guests":[{"Guest":{"github":"xenova","name":"Xenova"}}],"notesFile":"/shows/740 - Local AI Models in JavaScript.md","displayNumber":"740","displayDate":"March 8th, 2024"},{"id":"syntax_podcast_show_00739","number":739,"title":"The LoFi Movement: Building Local First Apps","date":"2024-03-06T12:00:00.294Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_739.mp3","youtube_url":"https://www.youtube.com/watch?v=U1uhILa-wmI","show_notes":"\nJoin Wes and Scott as they explore LoFi (local first) web development, delving into CRDT, Websockets, IndexedDB, SQLite, and more. Discover when Local-First shines and when it's better to steer clear in this episode packed with practical insights.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[03:18](#t=03:18)** Brought to you by [Sentry.io](www.sentry.io/syntax).\n* **[04:08](#t=04:08)** What is LoFi?\n* [localfirst.dev](https://localfirstweb.dev/)\n* **[05:02](#t=05:02)** The Seven Ideals for Local-first.\n * **[05:29](#t=05:29)** 1: No Spinners.\n * **[06:48](#t=06:48)** 2: Your work is not trapped on one device.\n * **[07:56](#t=07:56)** 3: The network is optional.\n * **[08:50](#t=08:50)** 4: Seamless collaboration with your colleagues.\n * **[09:35](#t=09:35)** Oops, we for got to read 5: The Long Now.\n * **[09:37](#t=09:37)** 6: Security and privacy by default.\n * **[09:45](#t=09:45)** 7: You retain ultimate ownership and control.\n * [Actual Budget Finance App](https://actualbudget.com/)\n * [Ink & Switch](https://www.inkandswitch.com/local-first/)\n* **[13:01](#t=13:01)** Sounds great, let's go! Not so fast, this stuff is hard.\n* **[14:07](#t=14:07)** The technology involved.\n * **[14:30](#t=14:30)** CRDT (Conflict-free Replicated Data Types).\n * [Wikipedia Definition](https://en.wikipedia.org/wiki/Conflict-free_replicated_data_type)\n * [James Long dotJS 2019 dotconfrences](https://www.youtube.com/watch?v=DEcwa68f-jY&ab_channel=dotconferences)\n * **[17:48](#t=17:48)** How does it prioritize conflict resolutions?\n * **[19:36](#t=19:36)** Websockets.\n * **[20:17](#t=20:17)** IndexedDB + SQLite.\n * **[21:23](#t=21:23)** Service Workers.\n* **[22:16](#t=22:16)** The software involved.\n * **[22:24](#t=22:24)** [Replicache](https://replicache.dev/).\n * **[24:48](#t=24:48)** [YJS](https://docs.yjs.dev/).\n * **[25:06](#t=25:06)** [Electric SQL](https://github.com/electric-sql).\n* **[25:51](#t=25:51)** The most basic LoFi application.\n* **[31:26](#t=31:26)** Some bigger concepts.\n* **[32:34](#t=32:34)** Answering some common questions.\n* **[35:19](#t=35:19)** Some real-world examples of LoFi.\n* [Habit Path by Scott Tolinski](https://habitpath.io/waitlist)\n* **[37:18](#t=37:18)** What about Apple PWA nonsense?\n* **[38:20](#t=38:20)** This seems similar to real-time software and multiplayer.\n* **[38:47](#t=38:47)** Sounds like too much work.\n* [Triplit Fullstack Database](https://www.triplit.dev/)\n* [Electric SQL](https://electric-sql.com/)\n* [Evolu](https://www.evolu.dev/)\n* **[40:46](#t=40:46)** Some useful links.\n * [Local-First Web Development](https://localfirstweb.dev//)\n * [Local-First Lo.fi YouTube](https://www.youtube.com/@lo.fi_dev)\n * [Local-First Ink & Switch](https://www.inkandswitch.com/local-first)\n * [Local-First Reddit](https://www.reddit.com/r/localfirst/)\n * [Syntax GitHub Local-First](https://github.com/syntaxfm/local-first)\n* **[43:30](#t=43:30)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Wes: [Dresscode.dev](https://dresscode.dev/)\n\n- Scott: [Monarch Money](https://www.monarchmoney.com/referral/tp2gjynkoo)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"5fe849dba12036c607feaeaf6a14dca965cfb076aa3f41f377b15b0438f0ff69","slug":"the-lofi-movement-building-local-first-apps","md_file":"/shows/739 - The LoFi Movement Building Local First Apps.md","created_at":"2024-03-01T18:00:18.667Z","updated_at":"2024-08-29T14:18:21.913Z","show_type":"TASTY","guests":[],"notesFile":"/shows/739 - The LoFi Movement Building Local First Apps.md","displayNumber":"739","displayDate":"March 6th, 2024"},{"id":"syntax_podcast_show_00738","number":738,"title":"Little Scripts: Coding for your Co-workers","date":"2024-03-04T12:00:00.882Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_738.mp3","youtube_url":"https://www.youtube.com/watch?v=JFYGqxtD82s","show_notes":"\nProcess is important. This show is dedicated to examples of non-developer tasks that can be improved by coding scripts. Join Scott and Wes for a deep dive into automation magic.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[02:11](#t=02:11)** Brought to you by [Sentry.io.](sentry.io/syntax)\n* **[03:02](#t=03:02)** FFmpeg, a tool for video producers.\n* [FFmpeg](https://ffmpeg.org/)\n* [FFprobe](https://ffmpeg.org/ffprobe.html)\n* **[06:35](#t=06:35)** Markdown validation.\n* [Syntax Markdown Validation](https://github.com/syntaxfm/website/actions/workflows/merging-show-validation.yml)\n* **[09:21](#t=09:21)** AI timestamps for inform editing process.\n* [Episode 456 Transcript](https://syntax.fm/show/453/why-do-people-still-use-axios-over-fetch/transcript)\n* **[12:19](#t=12:19)** Generating clips for social media.\n* **[13:31](#t=13:31)** YouTube find and replace tool.\n* [YouTube Find & Replace - work in progress](https://github.com/syntaxfm/Youtube_Tools)\n* **[15:03](#t=15:03)** What other scripts can you create?\n* **[16:17](#t=16:17)** Packaging a tool for a non-developer to use.\n * **[16:54](#t=16:54)** Apple Scripts\n * **[17:45](#t=17:45)** Stand-alone website.\n * **[19:25](#t=19:25)** [Script Kit](https://www.scriptkit.com/): Shortcut to Everything\n * **[20:19](#t=20:19)** Other ways to run scripts.\n * [ZX](https://github.com/google/zx)\n * [Dax](https://github.com/dsherret/dax)\n* **[22:05](#t=22:05)** Get in touch with your tips.\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"79e15dd57bc35c7dbe9080eb8cfff0e775cb5a71609d6b7e95356fba7ba513cf","slug":"little-scripts-coding-for-your-co-workers","md_file":"/shows/738 - Little Scripts Coding for your Co-workers.md","created_at":"2024-03-01T18:00:18.629Z","updated_at":"2024-08-29T14:18:21.885Z","show_type":"HASTY","guests":[],"notesFile":"/shows/738 - Little Scripts Coding for your Co-workers.md","displayNumber":"738","displayDate":"March 4th, 2024"},{"id":"syntax_podcast_show_00737","number":737,"title":"JSR: The New TypeScript Package Registry (NPM Killer)","date":"2024-03-01T12:00:00.412Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_737.mp3","youtube_url":"https://www.youtube.com/watch?v=dHfZiqVWVhk","show_notes":"\nGet ready to learn all about the JSR package registry with Wes, Scott, and special guest Luca Casonato of Deno, as they discuss its benefits, share insights on when to use it, and teasing some secret features that promise to enhance your coding journey.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:37](#t=00:37)** Brought to you by [sentry.io](www.sentry.io/syntax).\n* **[00:51](#t=00:51)** Who is Luca Casonato?\n* **[01:18](#t=01:18)** Why do we need another package registry?\n* [Wes Bos Tweet](https://twitter.com/wesbos/status/1755708374400811100)\n* **[04:35](#t=04:35)** Is it ESM only?\n* **[06:08](#t=06:08)** What exactly is JSR?\n* **[07:22](#t=07:22)** How do you install things from this registry?\n* **[09:38](#t=09:38)** NPM specifier in NodeJS?\n* **[12:18](#t=12:18)** Why can't we just fix NPM?\n* **[14:28](#t=14:28)** When you make things easier, people make cooler stuff.\n* **[17:49](#t=17:49)** A little bit about auto-documentation.\n* **[21:18](#t=21:18)** Auto-Types.\n* **[22:33](#t=22:33)** Can't you just put TypeScript files on an NPM?\n* **[24:04](#t=24:04)** Package Provenance.\n* [NPM Package Provenance](https://github.blog/2023-04-19-introducing-npm-package-provenance/)\n* **[25:14](#t=25:14)** Does JSR have any plans for scanning dependencies?\n* **[27:56](#t=27:56)** GitHub action integration.\n* **[30:08](#t=30:08)** Does JSR replace url imports in Deno?\n* [Import Maps, Ep.596](https://syntax.fm/show/596/the-new-import-map-standard)\n* **[32:15](#t=32:15)** What about publishing JSX, TSX, CSS, WASM, etc?\n* **[34:16](#t=34:16)** What are Slow Types?\n* **[36:34](#t=36:34)** Do you think we'll ever see another implementation of a TypeScript type checker?\n* **[38:23](#t=38:23)** Types as comments or adding types to JavaScript.\n* **[40:10](#t=40:10)** What is the anticipated timeline?\n* **[41:52](#t=41:52)** Are there any parts of TypeScript that you don't like?\n* **[43:32](#t=43:32)** What about when TypeScript breaks?\n* **[46:20](#t=46:20)** JSR community funding.\n* **[49:39](#t=49:39)** Are you planning on pre-registering popular names?\n* **[52:26](#t=52:26)** Super secret new features!\n* **[56:39](#t=56:39)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Luca: [Hono](https://hono.dev/)\n\n### Shameless Plugs\n\n- Luca: [jsr.io](https://jsr.io/waitlist)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"85472b80d8fe729fa172e4d5f5397fbb4f3397e53cc32eaf93d2f6d85cef3e55","slug":"jsr-the-new-typescript-package-registry-npm-killer","md_file":"/shows/737 - JSR: The New TypeScript Package Registry.md","created_at":"2024-02-28T00:00:12.690Z","updated_at":"2024-08-29T14:18:21.808Z","show_type":"SUPPER","guests":[{"Guest":{"github":"lucacasonato","name":"Luca Casonato"}}],"notesFile":"/shows/737 - JSR: The New TypeScript Package Registry.md","displayNumber":"737","displayDate":"March 1st, 2024"},{"id":"syntax_podcast_show_00736","number":736,"title":"CJ Reynolds is Joining Syntax","date":"2024-02-28T12:00:00.575Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_736.mp3","youtube_url":"https://www.youtube.com/watch?v=S4yAx0r2wkY","show_notes":"\nScott and Wes introduce Syntax's new Senior Content Producer, CJ Reynolds, who will be creating video deep-dives and companion content for topics covered on the podcast. CJ, also known as the host of Coding Garden, shares his passions for web development, teaching and experimenting with new technologies.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:06](#t=01:06)** Brought to you by [Sentry.io](www.sentry.io).\n* **[04:39](#t=04:39)** What got you into web development?\n* **[09:23](#t=09:23)** Does a degree in computer science help you in your day to day as a web developer?\n* [Bell Curve Meme](https://x.com/_hariti/status/1761059582229573895?s=20)\n* **[11:39](#t=11:39)** Wes downloads every single .com domain name.\n* **[15:19](#t=15:19)** What was your very first web development job?\n* **[18:12](#t=18:12)** How did you go from C# to websites?\n* **[21:12](#t=21:12)** What is the worst thing you've had to do as a developer?\n* **[22:31](#t=22:31)** What are some of your favorite projects?\n* [Is It New Years Day](https://isitnewyearsday.com/)\n* [Dung Hero](https://dunghero.online/)\n* **[26:32](#t=26:32)** What tech are you into right now? What inspires you?\n* **[27:52](#t=27:52)** Why do you like experimenting with new technologies?\n* **[29:39](#t=29:39)** [Hono v4.0.5](https://hono.dev/).\n* **[30:29](#t=30:29)** [HTMZ](https://leanrada.com/htmz/)\n* **[31:44](#t=31:44)** If you were to build a startup today, what would your stack be?\n* **[32:39](#t=32:39)** What's your tech setup?\n* [Coding Garden GitHub](https://github.com/codingGarden/vscode-settings)\n* [RK Royal Kludge Keyboard](https://www.amazon.com/RK-ROYAL-KLUDGE-Bluetooth-Mechanical/dp/B08JCQ9JMQ/)\n* **[37:51](#t=37:51)** What got you into live-streaming?\n* **[40:13](#t=40:13)** Why do you use a blue screen?\n* **[41:19](#t=41:19)** What's your philosophy on teaching?\n* [Bloom's Taxonomy](https://en.wikipedia.org/wiki/Bloom's_taxonomy)\n* **[43:56](#t=43:56)** What are your non-developer hobbies?\n* [CJ Skateboarding with Syntax deck](https://twitter.com/coding_garden/status/1749488479887561078)\n* [CJ's floofy doggo, Pig](https://www.instagram.com/pigthesaint/)\n* [Sony VX10000](https://www.youtube.com/watch?v=qAhR1aWwLG0)\n* [Sony Mavica](https://en.wikipedia.org/wiki/Sony_Mavica)\n* **[51:00](#t=51:00)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- CJ: [Ergonomics](https://en.wikipedia.org/wiki/Ergonomics), [More on Ergonomics](https://www.cuh.nhs.uk/patient-information/seating-and-ergonomics/)\n- Scott: [Project Farm YouTube trash bag comparison](https://www.youtube.com/watch?v=uw9SMpywYHY&ab_channel=ProjectFarm)\n- Wes: [Kitchy Pizza Cutter Wheel](https://www.amazon.ca/dp/B019S3W8AO)\n\n### Shameless Plugs\n\n- CJ: [Coding Garden](https://coding.garden/)\n- Scott: [Syntax on YouTube](https://www.youtube.com/@syntaxfm)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"3648e0ec2b61c4d4e1161891f52f8cffff999778f6eff4fb016e2d9838b74dbf","slug":"cj-reynolds-is-joining-syntax","md_file":"/shows/736 - CJ Reynolds Is Joining Syntax.md","created_at":"2024-02-28T00:00:12.535Z","updated_at":"2024-08-29T14:18:21.737Z","show_type":"TASTY","guests":[{"Guest":{"github":"w3cj","name":"CJ Reynolds"}}],"notesFile":"/shows/736 - CJ Reynolds Is Joining Syntax.md","displayNumber":"736","displayDate":"February 28th, 2024"},{"id":"syntax_podcast_show_00735","number":735,"title":"The Taliban Stole My Domain","date":"2024-02-26T12:00:00.283Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_735.mp3","youtube_url":"https://www.youtube.com/watch?v=q_yAu7rYmiM","show_notes":"\nWes shares the story of how the Taliban stole his .af domain. Scott and Wes discuss top-level domain (TLD) best practices, how to find unique custom domain names for your website, and how to avoid having yours stolen.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:16](#t=00:16)** Brought to you by [Sentry.io](www.sentry.io)\n* **[01:11](#t=01:11)** The story of how the Taliban stole my domain.\n* **[05:10](#t=05:10)** When you purchase a domain, does that country receive the registration fee?\n* [Country Code Top-Level Domain](https://en.wikipedia.org/wiki/Country_code_top-level_domain)\n* [Infrastructure Top-Level Domain](https://en.wikipedia.org/wiki/.arpa)\n* [Generic Top-Level Domain](https://en.wikipedia.org/wiki/Generic_top-level_domain)\n* [Sponsored Top-Level Domain](https://en.wikipedia.org/wiki/Sponsored_top-level_domain)\n* **[07:29](#t=07:29)** Notion lost their .so domain.\n* [Notion](www.notion.so)\n* **[09:18](#t=09:18)** .ai domain names.\n* **[09:53](#t=09:53)** Other popular TLD options.\n* [tolin.ski](https://tolin.ski/)\n* [wes.io](https://wesbos.com/)\n* **[12:05](#t=12:05)** What are the best TLDs?\n* **[13:18](#t=13:18)** [iwantmyname](www.iwantmyname.com)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"bf5d225fa252011022ed5746a2f5bde258265a1798122fef86bdc770b5956186","slug":"the-taliban-stole-my-domain","md_file":"/shows/735 - The Taliban stole my domain.md","created_at":"2024-02-22T15:00:28.416Z","updated_at":"2024-08-29T14:18:21.707Z","show_type":"HASTY","guests":[],"notesFile":"/shows/735 - The Taliban stole my domain.md","displayNumber":"735","displayDate":"February 26th, 2024"},{"id":"syntax_podcast_show_00734","number":734,"title":"HTMX Web Apps with Carson Gross","date":"2024-02-23T12:00:00.588Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_734.mp3","youtube_url":"https://www.youtube.com/watch?v=5LOAGWGQwRA","show_notes":"\nScott and Wes welcome HTMX creator Carson Gross to discuss the versatile applications and optimal scenarios for using HTMX, alongside insights into its creation and evolution. Join us as we explore the future prospects and improvements as we look towards HTMX 2.0.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:52](#t=00:52)** Brought to you by [Sentry.io](www.sentry.io)\n* **[02:22](#t=02:22)** Who is Carson Gross?\n* [BigSkySoftware GitHub](https://github.com/bigskysoftware)\n* [BigSkySoftware](https://bigsky.software/)\n* **[03:53](#t=03:53)** What exactly is HTMX?\n* [htmx.org](https://htmx.org/)\n* [htmx.org/examples](https://htmx.org/examples/)\n* **[07:04](#t=07:04)** What made you want to create something like HTMX?\n* [intercooler.js](https://intercoolerjs.org/)\n* **[10:01](#t=10:01)** Would HTML look more like HTMX if we were to rebuild it today?\n* **[12:54](#t=12:54)** Isn't HTMX a step backward into old-school AJAX?\n* **[16:09](#t=16:09)** When would you avoid using HTMX?\n* **[17:56](#t=17:56)** Does HTMX put an unnecessary load on the server?\n* **[21:46](#t=21:46)** What are your thoughts on rendering everything on the server?\n* **[26:29](#t=26:29)** What is your favorite stack?\n* **[28:49](#t=28:49)** Things that are lost moving to the JavaScript framework world.\n* **[30:16](#t=30:16)** HTMX coupling your front end and back end.\n* **[32:28](#t=32:28)** How do you feel about web components?\n* **[33:40](#t=33:40)** What are the big templating engines and your top pick?\n* [HTMX Essays](https://htmx.org/essays/)\n* **[36:33](#t=36:33)** Object-oriented HTML.\n* **[37:38](#t=37:38)** Is there an offline story or a “local-first” story for HTMX?\n* **[38:44](#t=38:44)** What does the future of HTMX look like given its rise in popularity?\n* **[40:03](#t=40:03)** HTMX and X (Twitter).\n* [Syntax Show 726](https://syntax.fm/show/726)\n* [HTMX on X](https://twitter.com/htmx_org)\n* **[42:30](#t=42:30)** The Microsoft story.\n* **[45:26](#t=45:26)** Carson's thoughts on de-escalating the language around HTMX.\n* **[47:44](#t=47:44)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Carson: [AlpineJS](https://alpinejs.dev/), [Datastar](https://datastar.fly.dev/)\n\n### Shameless Plugs\n\n- Carson: [Hypermedia Systems](https://hypermedia.systems/), [HTMX Swag](https://swag.htmx.org/en-cad/)\n\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"cd148f16c0931d1047b5bd55e32608ffdef6f195ba1ba442196e8de555f26447","slug":"htmx-web-apps-with-carson-gross","md_file":"/shows/734 - HTMX w Carson Gross.md","created_at":"2024-02-21T18:00:50.354Z","updated_at":"2024-08-29T14:18:21.650Z","show_type":"SUPPER","guests":[{"Guest":{"github":"bigskysoftware","name":"Carson Gross"}}],"notesFile":"/shows/734 - HTMX w Carson Gross.md","displayNumber":"734","displayDate":"February 23rd, 2024"},{"id":"syntax_podcast_show_00733","number":733,"title":"Egress, scraping, Safari EU changes, is SetInterval worth it?","date":"2024-02-21T12:00:00.514Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_733.mp3","youtube_url":"https://www.youtube.com/watch?v=1dufGxB1v68","show_notes":"\nIn this potluck episode of Syntax, Wes and Scott discuss egress, scraping, Safari EU changes, and answer questions on updating dependencies and SetInterval.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:35](#t=01:35)** Brought to you by [Sentry.io](www.sentry.io).\n* **[02:49](#t=02:49)** I have over 100,000 user images on Cloudinary. How do I migrate to another service?\n* [Cloudflare-Cloudinary Proxy](https://github.com/wesbos/cloudflare-cloudinary-proxy)\n* **[07:27](#t=07:27)** Switching from Mac to PC.\n* [Figma](www.figma.com), [DaVinci Resolve](https://www.blackmagicdesign.com/products/davinciresolve)\n* **[12:32](#t=12:32)** What's your take on the Safari 17.4 PWA removal debacle for EU users?\n* [Bug Report](https://bugs.webkit.org/show_bug.cgi?id=268643)\n* [Fullscreen API Bug Report](https://bugs.webkit.org/show_bug.cgi?id=267743)\n* **[19:45](#t=19:45)** Is there any clear front-runner when it comes to monorepo tools?\n* **[23:44](#t=23:44)** Some big web apps have a div relatively high in the DOM with a class like “scroll-container” or “cursor-events”, why is that?\n* **[32:15](#t=32:15)** Is ChatGPT Plus worth it? I'm trying to avoid death by 1000 subscriptions.\n* [ElevenLabs](https://elevenlabs.io/)\n* **[37:47](#t=37:47)** Performance vs accuracy when working with timers.\n* **[40:37](#t=40:37)** How do you update the dependencies to work with a current version of Node? Also, if you are building from scratch, how do you determine what dependencies to use?\n* [Syntax show 425: Updating Project Dependencies](https://syntax.fm/show/425/updating-project-dependencies)\n* **[45:52](#t=45:52)** Clarification on the browser blocking.\n* [Mozilla’s vision for Firefox MV3](https://blog.mozilla.org/addons/2022/11/17/manifest-v3-signing-available-november-21-on-firefox-nightly/#:~:text=Firefox%20MV3%20stands%20apart%20from%20other%20iterations%20of,service%20workers%20in%20the%20future%20for%20compatibility.%20)\n* **[49:19](#t=49:19)** Problems when working with JavaScript's new Date().\n* **[54:27](#t=54:27)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [LED Flashlight](https://amzn.to/48jcg4W)\n- Wes: [Weighted blanket](https://amzn.to/3uIh3iE)\n\n### Shameless Plugs\n\n- Wes: [Syntax YouTube](https://www.youtube.com/@syntaxfm)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"456d319e28901ab2cddf9ee29711f094d2a675e05f313c03e3490389cd4990b3","slug":"egress-scraping-safari-eu-changes-is-setinterval-worth-it","md_file":"/shows/733 - Potluck egres, scraping, Safari in EU.md","created_at":"2024-02-21T00:00:39.027Z","updated_at":"2024-08-29T14:18:21.618Z","show_type":"TASTY","guests":[],"notesFile":"/shows/733 - Potluck egres, scraping, Safari in EU.md","displayNumber":"733","displayDate":"February 21st, 2024"},{"id":"syntax_podcast_show_00732","number":732,"title":"Stop going to Spam: DMARC, SPF and DKIM Explained","date":"2024-02-19T12:00:00.810Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_732.mp3","youtube_url":"https://www.youtube.com/watch?v=ERiQc8hoDvo","show_notes":"\nWes and Scott explore the web standards and email authentication methods that keep your email from going to spam; DMARC, SPF and DKIM. If you send email via a custom domain name, you need to listen to this!\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:06](#t=01:06)** Brought to you by [Sentry.io](https://sentry.io/syntax).\n* **[02:08](#t=02:08)** What exactly are SPF, DKIM, and DMARC?\n* **[02:53](#t=02:53)** Different ways that you may want to send email.\n * **[03:23](#t=03:23)** Transactional emails.\n * [Resend, email for developers](https://resend.com/)\n * **[05:07](#t=05:07)** Email marketing.\n * **[05:47](#t=05:47)** Anything else that sends email on your behalf.\n* **[07:13](#t=07:13)** SPF (Sender Policy Framework).\n* [Postmark defines SPF](https://postmarkapp.com/guides/spf)\n* [Postmark SPF in 5 Minutes](https://postmarkapp.com/glossary/sender-policy-framework?utm_source=google&utm_medium=cpc&utm_campaign=Performance-Max&utm_adgroup=&utm_term=&gclid=Cj0KCQiAzoeuBhDqARIsAMdH14E-IfBWuTWX86AisSz6FMT7yVu_MVWdcki6lGu02-G03pmNHrVHe_YaAlQSEALw_wcB)\n* **[08:34](#t=08:34)** You can only have one SPF record.\n* **[10:18](#t=10:18)** DKIM (DomainKeys Identified Mail).\n* [Postmark defines DKIM](https://postmarkapp.com/guides/dkim)\n* **[13:39](#t=13:39)** DMARC (Domain-based Message Authentication, Reporting, and Conformance).\n* [Convertkit](https://convertkit.com/)\n* **[16:38](#t=16:38)** RUA Reporting.\n* **[18:03](#t=18:03)** How to set up reporting.\n* **[21:08](#t=21:08)** Does emails marked as spam hurt the IP that sends them?\n* **[22:18](#t=22:18)** Other things to consider.\n* Special thanks to David Flanagan for the help on this! [@rawkode](https://twitter.com/rawkode)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"d89698cb090030bf1ae5ebdd489475a8e9f3ecff005e446ec035f59340012522","slug":"stop-going-to-spam-dmarc-spf-and-dkim-explained","md_file":"/shows/732 - Stop going to Spam.md","created_at":"2024-02-19T17:40:57.497Z","updated_at":"2024-08-29T14:18:21.585Z","show_type":"HASTY","guests":[],"notesFile":"/shows/732 - Stop going to Spam.md","displayNumber":"732","displayDate":"February 19th, 2024"},{"id":"syntax_podcast_show_00731","number":731,"title":"Client side security, XSS attacks & CSP with Stripe’s Alex Sexton","date":"2024-02-16T12:00:00.410Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_731.mp3","youtube_url":"https://youtu.be/aJLBIoIPdhA","show_notes":"\nScott and Wes are joined by security expert, Alex Sexton of Stripe to cover all things: client security, XSS, attack vectors, and CSP (content security policy).\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[00:31](#t=00:31)** Brought to you by Sentry.io.\n* **[00:57](#t=00:57)** Who is Alex Sexton?\n* **[04:44](#t=04:44)** Stripe dashboard is a work of art.\n* **[05:08](#t=05:08)** Tell us about the design system.\n* [React Aria](https://react-spectrum.adobe.com/react-aria/)\n* **[08:59](#t=08:59)** Who develops the iOS app?\n* **[09:50](#t=09:50)** Stripe's CSP (content security policy).\n* **[12:50](#t=12:50)** What even is a content security policy?\n* [Content Security Policy explanation](https://www.youtube.com/watch?v=JbfNWg6JS4U)\n* **[13:57](#t=13:57)** Douglas Crockford of Yahoo on security.\n* [Douglas on GitHub](https://github.com/douglascrockford)\n* **[15:13](#t=15:13)** Security philosophy.\n* **[16:59](#t=16:59)** What about inline styles and inline JavaScript?\n* **[19:41](#t=19:41)** How do we safely set inline styles from JS?\n* **[20:20](#t=20:20)** Setting up with meta tags.\n* **[22:52](#t=22:52)** What are common situations that require security exceptions?\n* **[26:24](#t=26:24)** Potential damage with inline style tags.\n* **[32:45](#t=32:45)** Looping vulnerabilities.\n* **[36:32](#t=36:32)** What about JavaScript injection?\n* **[37:09](#t=37:09)** Myspace Samy Worm.\n* [Myspace Samy Worm Wiki](https://en.wikipedia.org/wiki/Samy_(computer_worm))\n* [Sentry.io Security Policy Reporting](https://docs.sentry.io/product/security-policy-reporting/)\n* **[42:02](#t=42:02)** Does a CSP stop code from running in the console?\n* **[43:28](#t=43:28)** What are some general security best practices?\n* **[46:35](#t=46:35)** Strategies for rolling out a CSP.\n* **[51:49](#t=51:49)** Final tip, Strict Dynamic.\n* [Strict Dynamic](https://content-security-policy.com/strict-dynamic/)\n* **[56:36](#t=56:36)** Where does the CSP live within Stripe?\n* [Original Black Friday story](https://stripe.com/en-ca/newsroom/news/bfcm2023)\n* **[59:35](#t=59:35)** One last story.\n* **[01:01:20](#t=01:01:20)** Sick Picks + Shameless Plugs\n\n\n### Sick Picks + Shameless Plugs\n\n- Alex: [Wes Bos' Instagram](https://www.instagram.com/wesbos/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"c40221fcfa2a9eeadd93a8834c5de77d9041e0c4f2e4ccc71a9877ee7f7a9a6e","slug":"client-side-security-xss-attacks-and-csp-with-stripe-s-alex-sexton","md_file":"/shows/731 - Client Side Security.md","created_at":"2024-02-16T00:00:35.432Z","updated_at":"2024-08-29T14:18:21.526Z","show_type":"SUPPER","guests":[{"Guest":{"github":"slexaxton","name":"Alex Sexton"}}],"notesFile":"/shows/731 - Client Side Security.md","displayNumber":"731","displayDate":"February 16th, 2024"},{"id":"syntax_podcast_show_00730","number":730,"title":"Own your own PaaS","date":"2024-02-14T12:00:00.321Z","url":"https://traffic.libsyn.com/syntax/730.mp3","youtube_url":"https://youtu.be/nCWznQ0HY9c","show_notes":"\nScott and Wes discuss about the benefits of owning your own PaaS (platform as a service), the main alternatives in the space, and ways to make passion projects more financially viable!\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:12](#t=01:12)** Brought to you by Sentry.io.\n* **[01:56](#t=01:56)** What is a PaaS?\n* [NGINX](https://nginx.org/en/)\n* **[04:21](#t=04:21)** Challenges with payment structures.\n* [Render](https://render.com/)\n* **[07:02](#t=07:02)** What is Kubernetes?\n* [Kubernetes](https://kubernetes.io/docs/tutorials/kubernetes-basics/)\n* **[07:51](#t=07:51)** What are the differences between Kubernetes and Docker?\n* [Docker Swarm](https://docs.docker.com/engine/swarm/)\n* **[09:15](#t=09:15)** Reasons to own your own PaaS.\n* [Netlify](https://www.netlify.com/)\n* [Bluehost](https://www.bluehost.com/)\n* **[15:05](#t=15:05)** \"Pokémon or Web Service\"\n* [Original 150 Pokémon Characters](https://www.giantbomb.com/profile/wakka/lists/the-150-original-pokemon/59579/)\n* **[16:49](#t=16:49)** The players and their pros and cons.\n* **[18:51](#t=18:51)** Where can you host these services?\n * **[19:47](#t=19:47)** Kubero.\n * [Kubero](https://github.com/kubero-dev/kubero)\n * **[21:50](#t=21:50)** Coolify.\n * [Coolify](https://coolify.io/)\n * [Coolify pricing](https://coolify.io/pricing)\n * **[28:15](#t=28:15)** Caprover.\n * [Caprover](https://caprover.com/)\n * **[29:03](#t=29:03)** Dokku.\n * [Dokku](https://dokku.com/)\n * [Shokku](https://shokku.dev/)\n * [Ledokku](https://github.com/ledokku/ledokku)\n * [Atlas](https://github.com/cywio/atlas)\n * [Nixpacks](https://nixpacks.com/docs/getting-started)\n * **[32:53](#t=32:53)** Piku.\n * [Piku](https://github.com/piku/piku)\n * **[33:24](#t=33:24)** Cuber.\n * [Cuber](https://cuber.cloud/)\n * **[34:13](#t=34:13)** Acorn.\n * [Acorn](https://github.com/acorn-io/acorn)\n * [Coolify creator, Andras Bacsai on X](https://twitter.com/heyandras)\n* **[36:44](#t=36:44)** The challenges of hosting your own PaaS.\n* **[38:46](#t=38:46)** Jekyll ran on a PC under a desk.\n* [Jekyll](https://github.com/jekyll/jekyll)\n* **[39:36](#t=39:36)** Sometimes less is, in fact, more.\n* **[40:09](#t=40:09)** Final thoughts.\n* **[45:03](#t=45:03)** Scott got Bun to work on Coolify.\n* **[51:01](#t=51:01)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Wes: [GripStic Chip Bag Sealer Amazon](https://amzn.to/3OA1Tm3), [GripStic Chip Bag Sealer Aliexpress](https://www.aliexpress.com/item/1005002668950857.html )\n- Scott: [Caseta Diva Smart Dimmer](https://amzn.to/3SOHIDu)\n\n### Shameless Plugs\n\n- Wes: [Syntax YouTube](https://www.youtube.com/@syntaxfm)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"b2668c74985ee894bb5e1e0c79c50444053e0055bff3ccfe6f6bca59f3e3c7aa","slug":"own-your-own-paas","md_file":"/shows/730 - Own Your Own PaaS.md","created_at":"2024-02-13T00:00:06.613Z","updated_at":"2024-08-29T14:18:21.493Z","show_type":"TASTY","guests":[],"notesFile":"/shows/730 - Own Your Own PaaS.md","displayNumber":"730","displayDate":"February 14th, 2024"},{"id":"syntax_podcast_show_00729","number":729,"title":"CSS Native @scope","date":"2024-02-12T12:00:00.705Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_729.mp3","youtube_url":"https://youtu.be/YPmUIwVh5vk","show_notes":"\nIn this very hasty treat, Wes and Scott cover CSS Native @scope, the implementation of this tool, and some of its limitations.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[01:00](#t=01:00)** Brought to you by Sentry.io.\n* **[01:33](#t=01:33)** Why scope your CSS?\n* **[03:21](#t=03:21)** Scott's hot take.\n* **[05:43](#t=05:43)** How does @scope CSS work?\n* **[07:31](#t=07:31)** Similar to a component-based workflow.\n* **[08:00](#t=08:00)** Not having to specify a selector for your scope.\n* **[09:52](#t=09:52)** Pseudo inline hover styles.\n* **[11:31](#t=11:31)** Donut scope.\n* **[13:01](#t=13:01)** \"Inverted donut-hole scope\"\n* **[14:50](#t=14:50)** Browser support + limitations.\n\n[Mozilla @scope](https://developer.mozilla.org/en-US/docs/Web/CSS/@scope)\n\n[The Style Element](https://web.archive.org/web/20160505103205/https://html.spec.whatwg.org/multipage/semantics.html#the-style-element)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"44d8d345388e766c66ec132251d57ff6077cb3ce1c4c22e14dc5e556f3e92d7e","slug":"css-native-scope","md_file":"/shows/729 - CSS Native @scope.md","created_at":"2024-02-11T18:00:43.582Z","updated_at":"2024-08-29T14:18:21.454Z","show_type":"HASTY","guests":[],"notesFile":"/shows/729 - CSS Native @scope.md","displayNumber":"729","displayDate":"February 12th, 2024"},{"id":"syntax_podcast_show_00728","number":728,"title":"AI Superpowers with Kevin Hou and Codeium","date":"2024-02-09T12:00:00.553Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_728.mp3","youtube_url":"https://youtu.be/lYXYmcDjGMA","show_notes":"\nIn this supper club, Scott and Wes welcome Kevin Hou, Head of Product Engineering at Codeium, a blazing fast AI-powered code completion and chat tool for developers.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome to Syntax!\n* **[05:31](#t=05:31)** An introduction to Codeium.\n* **[07:56](#t=07:56)** What information are you sending the AI to get such good completions?\n* [Codeium compliance](https://codeium.com/blog/codeium-is-soc2-type2-compliant)\n* **[09:15](#t=09:15)** Codeium runs a 'Language Server'.\n* **[11:15](#t=11:15)** Crawling dependency tree and abstract syntax tree.\n* **[12:07](#t=12:07)** Using Codeium Live.\n* **[12:34](#t=12:34)** How big of a codebase can you run this on?\n* **[14:39](#t=14:39)** Sending select amounts of data to AI.\n* **[16:06](#t=16:06)** Does Codeium maintain codebase preferences and styling (ie. snake case)?\n* **[17:39](#t=17:39)** Will Codeium scan the dependency?\n* **[19:23](#t=19:23)** AI UI, have we found the best format?\n* **[21:55](#t=21:55)** Crazy ideas in tech.\n* **[22:53](#t=22:53)** Additional AI UI inputs.\n* **[24:14](#t=24:14)** How do you make an AI model?\n* **[28:42](#t=28:42)** How does Codeium manage the product roadmap?\n* **[32:09](#t=32:09)** Do AI models get worse over time? How does Codeium validate that it's not?\n* [Open AI Evals](https://github.com/openai/evals)\n* **[35:39](#t=35:39)** How is Codeium THAT fast?\n* **[36:49](#t=36:49)** What programming langauges does Codeium use?\n* **[38:55](#t=38:55)** Codeium Playground.\n* [Codeium Playground](https://codeium.com/playground)\n* **[39:15](#t=39:15)** Caching as a performance improvement.\n* **[39:58](#t=39:58)** What is the pipe between Codeium and editor?\n* **[40:17](#t=40:17)** Codeium chat service.\n* **[41:44](#t=41:44)** A WebSocket system allowing push and pull communication.\n* **[43:13](#t=43:13)** Closed Beta for GPT 4.0.\n* **[46:12](#t=46:12)** The dreaded closing quote bug.\n* **[48:26](#t=48:26)** Sometimes bugs bug Wes.\n* **[49:49](#t=49:49)** Supper Club Questions\n* **[51:40](#t=51:40)** Perplexity.ai\n* **[52:35](#t=52:35)** What editor does Kevin use?\n* **[55:31](#t=55:31)** Sick Picks + Shameless Plugs\n\n### Sick Picks\n\n- Kevin: [Lapse.com](https://www.lapse.com/)\n\n### Shameless Plugs\n\n- Kevin: [Codeium.com](https://codeium.com/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"ffdb260d12d82ec0ddf37a5ff6554e30ef852812f49001a1799d1b9bc005e2f9","slug":"ai-superpowers-with-kevin-hou-and-codeium","md_file":"/shows/728 - AI Superpowers with Kevin Hou and Codeium.md","created_at":"2024-02-09T13:57:28.632Z","updated_at":"2024-08-29T14:18:21.388Z","show_type":"SUPPER","guests":[{"Guest":{"github":"khou22","name":"Kevin Hou"}}],"notesFile":"/shows/728 - AI Superpowers with Kevin Hou and Codeium.md","displayNumber":"728","displayDate":"February 9th, 2024"},{"id":"syntax_podcast_show_00727","number":727,"title":"How to Code: Opinionated TypeScript Stack + Tooling Choices Explained","date":"2024-02-07T12:00:00.755Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_727.mp3","youtube_url":"https://www.youtube.com/watch?v=eqzdnkVkk18","show_notes":"\nJoin Wes and Scott for a 30,000 foot, 'soup-to-nuts' view of web development. From choosing design tools, website styling, and programming languages, to backend infrastructure, data management, and hosting.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome!\n* **[00:21](#t=00:21)** 30,000 foot view of web development\n* **[02:37](#t=02:37)** Brought to you by Sentry.io\n* **[02:55](#t=02:55)** Starting with design tools.\n* **[06:10](#t=06:10)** Code Tooling\n * **[06:22](#t=06:22)** Text Editors\n * **[09:34](#t=09:34)** Terminal\n * **[14:28](#t=14:28)** Build Tools\n * **[16:07](#t=16:07)** Browser and dev tools\n * **[18:21](#t=18:21)** Formatter and linter.\n* **[21:43](#t=21:43)** CSS (how you style your website).\n* **[25:34](#t=25:34)** Programming languages.\n* **[27:14](#t=27:14)** Backend with metaframework.\n* **[29:36](#t=29:36)** Backend without metaframework.\n* **[32:20](#t=32:20)** Runtimes (JavaScript).\n* [What is Bun? The New JS Runtime](https://syntax.fm/show/488/what-is-bun-the-new-js-runtime)\n* [The Deno Show](https://syntax.fm/show/322/the-deno-show)\n* **[34:02](#t=34:02)** User interface libraries.\n* [Shoelace.style](https://shoelace.style/)\n* **[39:43](#t=39:43)** Data management: Databases\n* **[41:42](#t=41:42)** Data management: ORM\n* [WTF is an ORM](https://syntax.fm/show/633/wtf-is-an-orm)\n* [You should learn Drizzle, the TypeScript SQL ORM](https://syntax.fm/show/721/you-should-learn-drizzle-the-typescript-sql-orm)\n* **[42:53](#t=42:53)** Other data management considerations.\n* **[43:33](#t=43:33)** Image pipelines.\n* **[45:52](#t=45:52)** Hosting, CDN, CI.\n* [Where Should You Host Your App? Hosting Providers Compared](https://syntax.fm/show/615/where-should-you-host-your-app-hosting-providers-compared)\n* [Hasty Treat WTF × SSR vs JamStack vs Serverless?](https://syntax.fm/show/439/hasty-treat-wtf-ssr-vs-jamstack-vs-serverless)\n* **[47:21](#t=47:21)** Hosting your site.\n* **[50:19](#t=50:19)** The finishing touches.\n * **[50:26](#t=50:26)** Brought to you by Sentry.io\n * **[52:18](#t=52:18)** Captcha\n* **[55:03](#t=55:03)** Sick Picks + Shameless Plugs.\n\n### Sick Picks\n\n- Scott: [GreatScottLab](https://www.youtube.com/@greatscottlab), [Show #594](https://syntax.fm/show/594/potluck-testing-animations-tools-for-learning-coding-related-injuries)\n- Wes: [AliExpress Board](https://www.aliexpress.us/item/3256805764094416.html?spm=a2g0o.order_list.order_list_main.41.66671802K6Yx2m&gatewayAdapt=glo2usa4itemAdapt), [Wes' Demo](https://twitter.com/wesbos/status/1737299386114142714)\n\n### Shameless Plugs\n\n- Scott: [Syntax on YouTube](https://www.youtube.com/@syntaxfm)\n- Wes: [Syntax on YouTube](https://www.youtube.com/@syntaxfm)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"fdaa71ac456397d6ed7b23c49b637f128c8eb118116f2385654d0ed1df28d986","slug":"how-to-code-opinionated-typescript-stack-tooling-choices-explained","md_file":"/shows/727 - How To Code.md","created_at":"2024-02-07T15:00:52.290Z","updated_at":"2024-08-29T14:18:21.358Z","show_type":"TASTY","guests":[],"notesFile":"/shows/727 - How To Code.md","displayNumber":"727","displayDate":"February 7th, 2024"},{"id":"syntax_podcast_show_00726","number":726,"title":"Is HTMX a Joke?","date":"2024-02-05T12:00:00.722Z","url":"https://traffic.libsyn.com/syntax/ISHTMX_Joke_726.mp3","youtube_url":"https://www.youtube.com/watch?v=L2QNCTCIRfc","show_notes":"\nScott and Wes unravel the mysteries of HTMX, exploring the essentials for getting started, its powerful capabilities, limitations, and possible stacks for building primarily server rendered applications.\n\n### Show Notes\n\n* **[00:00](#t=00:00)** Welcome\n* **[02:07](#t=02:07)** Brought to you by Sentry.io\n* **[02:53](#t=02:53)** What exactly is HTMX?\n* **[04:30](#t=04:30)** What you need to know before working in HTMX.\n * **[04:35](#t=04:35)** You need a server.\n * **[05:35](#t=05:35)** You'll most likely need a templating engine.\n * **[06:42](#t=06:42)** You most likely do not need as much client-side JS.\n * **[08:33](#t=08:33)** You don't work in JSON\n * **[11:15](#t=11:15)** Not something you can swap out your UI with in a SPA.\n * **[11:48](#t=11:48)** Brings back AJAX\n* **[13:32](#t=13:32)** So, what can it do?\n* **[15:20](#t=15:20)** And what it doesn't do.\n * **[18:25](#t=18:25)** It doesn't do server-side responses.\n* **[19:09](#t=19:09)** What about animations?\n* **[19:20](#t=19:20)** What about CSS?\n* **[19:57](#t=19:57)** What about Web Components?\n* **[20:06](#t=20:06)** What about third-party client-side JS?\n* **[20:18](#t=20:18)** What about WebSockets and SSE?\n* [HTMX WebSockets](https://htmx.org/docs/#websockets-and-sse)\n* **[20:30](#t=20:30)** What about extensions?\n* [HTMX Extensions](https://htmx.org/docs/#included-extensions)\n* **[21:00](#t=21:00)** Wes' \"bomb\" question.\n* **[24:16](#t=24:16)** What Scott likes about HTMX.\n* **[25:45](#t=25:45)** What Scott doesn't like about HTMX.\n* [HTMX Multi-Swap](https://htmx.org/extensions/multi-swap/)\n* **[30:33](#t=30:33)** Hype, Meta Framework.\n* [Hype](https://github.com/stolinski/Hype)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n\nRandy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)\n","hash":"c983fcc07d4f1169e780d0a97d7980c5cb1b983260888431fc46f56d13174de4","slug":"is-htmx-a-joke","md_file":"/shows/726 - Is HTMX a Joke.md","created_at":"2024-02-03T16:38:07.117Z","updated_at":"2024-08-29T14:18:21.320Z","show_type":"HASTY","guests":[],"notesFile":"/shows/726 - Is HTMX a Joke.md","displayNumber":"726","displayDate":"February 5th, 2024"},{"id":"syntax_podcast_show_00725","number":725,"title":"Safari is the new Chrome - Jen Simmons of Apple","date":"2024-02-02T12:00:01.005Z","url":"https://traffic.libsyn.com/syntax/Safari_is_the_new_Chrome_725.mp3","youtube_url":"https://www.youtube.com/watch?v=IoC-4GpBaiA","show_notes":"\nWes and Scott talk with Jen Simmons about the latest updates to Safari, reporting bugs to Apple, understanding color in CSS, new CSS switch controls, and testing your websites in Vision Pro hardware.\n\n### Show Notes\n\n- **[00:00](#t=00:00)** Welcome to Syntax!\n- **[00:03](#t=00:03)** Brought to you by Sentry.io\n- **[01:05](#t=01:05)** Meet Jen Simmons.\n- **[03:15](#t=03:15)** Safari has been killing it lately\n- [Safari Release Notes](https://developer.apple.com/documentation/safari-release-notes)\n- [WebKit Features in Safari 17.0](https://webkit.org/blog/14445/webkit-features-in-safari-17-0/)\n- [WebKit Features in Safari 17.1](https://webkit.org/blog/14735/webkit-features-in-safari-17-1/)\n- [WebKit Features in Safari 17.2](https://webkit.org/blog/14787/webkit-features-in-safari-17-2/)\n- **[10:25](#t=10:25)** Wes' cOnSpirACy about Apple and APIs\n- **[18:18](#t=18:18)** Where is the best place to report bugs to Apple?\n- [Bugs.Webkit.org](https://bugs.webkit.org/)\n- [Jen on Mastodon](https://mastodon.social/@jensimmons@front-end.social)\n- [Web Compat](https://webcompat.com/)\n- **[20:35](#t=20:35)** What's happening with CSS Color gamuts and models?\n- **[33:57](#t=33:57)** Is contrast color ever going to to land?\n- **[36:25](#t=36:25)** Where is the CSS Grid and Masonry proposal at?\n- **[44:20](#t=44:20)** Will we be able to target a specific row in a grid?\n- **[46:17](#t=46:17)** What are CSS switch controls?\n- **[48:44](#t=48:44)** How can web devs view their websites in Vision Pro devices?\n- [Apple Vision Pro](https://www.apple.com/apple-vision-pro/?)\n- [Running your app in Simulator or on a device](https://developer.apple.com/documentation/xcode/running-your-app-in-simulator-or-on-a-device)\n- **[54:26](#t=54:26)** In what ways are HTML / CSS / JavaScript running where we don't realize it?\n- **[58:43](#t=58:43)** Sick Picks\n\n### Sick Picks\n\n- Jen: Walking.\n\n### Shameless Plugs\n\n- Jen: [webkit.org](http://webkit.org/) [X](https://twitter.com/jensimmons)\n\n* [Feedback Assistant at Apple](https://feedbackassistant.apple.com/)\n* [Sessions - WWDC23 - Apple Developer](https://developer.apple.com/wwdc23/sessions/)\n* [Webkit Standards Positions](https://webkit.org/standards-positions/)\n* [Safari Technology Preview](https://developer.apple.com/safari/technology-preview/)\n* [Safari Technology Preview Release Notes](https://developer.apple.com/documentation/safari-technology-preview-release-notes)\n* [What’s new in CSS at WWDC23](https://developer.apple.com/videos/play/wwdc2023/10121)\n* [Rediscover Safari developer features at WWDC23](https://developer.apple.com/videos/play/wwdc2023/10262)\n* [What’s new in Web Apps at WWDC23](https://developer.apple.com/videos/play/wwdc2023/10120)\n* [Meet Safari for spatial computing at WWDC23](https://developer.apple.com/videos/play/wwdc2023/10279)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n","hash":"d6ebf45c147ae1caf7921ce145cce5a2902dda5684d146ed2bfe35a9f91d5554","slug":"safari-is-the-new-chrome-jen-simmons-of-apple","md_file":"/shows/725 - supper Jen.md","created_at":"2024-01-30T21:00:32.586Z","updated_at":"2024-08-29T14:18:21.247Z","show_type":"SUPPER","guests":[{"Guest":{"github":"jensimmons","name":"Jen Simmons"}}],"notesFile":"/shows/725 - supper Jen.md","displayNumber":"725","displayDate":"February 2nd, 2024"},{"id":"syntax_podcast_show_00724","number":724,"title":"Potluck: Is Virtual Dom Bad?","date":"2024-01-31T12:00:00.791Z","url":"https://traffic.libsyn.com/syntax/Potluck_Is_Virtual_Dom_Bad.mp3","youtube_url":null,"show_notes":"\nIn this potluck episode of Syntax, Wes and Scott answer your questions about Alpine JS or HTMX as a replacement for Pug, what powers in-app browsers, the importance of key-commands and shortcuts, and why Virtual Dom is 'bad'.\n\n### Show Notes\n\n* **[00:08](#t=00:08)** Welcome\n* **[01:27](#t=01:27)** Syntax Brought to you by Sentry.io\n* **[02:45](#t=02:45)** Welcome Randy, our new Producer!\n* [Randy's YouTube](https://www.youtube.com/@randyrektor)\n* **[04:14](#t=04:14)** A 'Canadian Podcast'\n* **[04:43](#t=04:43)** Is Alpine JS or HTMX a replacement for pug or other templating libraries?\n* **[08:21](#t=08:21)** What powers the \"in-app\" browsers and how can we test our sites on it?\n* [Inject tracking code](https://inappbrowser.com/)\n* [Tauri](https://tauri.app/) \n* **[13:16](#t=13:16)** A deep dive on generators and iterators.\n* [An Insight into Iteration Protocol through Infinite Scroll in Angular](https://blog.stackademic.com/an-insight-into-iteration-protocol-through-infinite-scroll-in-angular-a14960fede1c)\n* **[15:25](#t=15:25)** Video podcast observations\n* **[17:18](#t=17:18)** PROBLEM I need a way of managing state.\n* **[22:34](#t=22:34)** Why is Virtual Dom (a la React) suddenly bad?\n* **[28:31](#t=28:31)** In a recent episode (659), Wes mentioned he updated the OG image cards, and noticed a higher click through rate.\n* **[29:07](#t=29:07)** Updated logo and monster truck intro.\n* **[30:19](#t=30:19)** Back to OG Images.\n* **[31:51](#t=31:51)** Are \"import * as X\" exports build stripped?\n* **[36:46](#t=36:46)** What is the difference between S3 storage and a CDN.\n* [Backblaze CDN](https://www.backblaze.com/cloud-storage/solutions/cdn)\n* **[45:00](#t=45:00)** How important are keyboard shortcuts or extensions? Are they necessary to be a good developer?\n* **[50:04](#t=50:04)** Sick Picks + Shameless Plugs\n\n### Sick Picks\n\n- Scott: [Perplexity.ai](https://www.perplexity.ai/), [Serversideup](https://serversideup.net/open-source/financial-freedom/)\n- Wes: [Zojirushi Rice Cooker](https://amzn.to/3HubpTT)\n\n\n### Shameless Plugs\n\n- Wes: [Wes Bos Courses](https://wesbos.com/courses)\n- Scott: [Sentry](https://sentry.io)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n","hash":"e0d62d7466c49145a75ec3c10e73c4b96f36a4a089f55306b5bf989785d13a5c","slug":"potluck-is-virtual-dom-bad","md_file":"/shows/724 - Potluck Is Virtual Dom Bad.md","created_at":"2024-01-31T00:00:52.523Z","updated_at":"2024-08-29T14:18:21.215Z","show_type":"TASTY","guests":[],"notesFile":"/shows/724 - Potluck Is Virtual Dom Bad.md","displayNumber":"724","displayDate":"January 31st, 2024"},{"id":"syntax_podcast_show_00723","number":723,"title":"Svelte 5: Speed, Simplicity & Size","date":"2024-01-29T12:00:00.007Z","url":"https://traffic.libsyn.com/syntax/723_-_Svelte_5_Speed_Simplicity__Size.mp3","youtube_url":null,"show_notes":"\nUnveiling Svelte 5! delving into its latest features. From the impressive speed and simplicity to its compact size, discover what makes this new release so exciting.\n\n### Show Notes\n\n- **[00:00](#t=00:00)** Welcome\n- **[00:39](#t=00:39)** Syntax Is A Video Podcast!\n- [@syntaxfm on YouTube](https://www.youtube.com/@syntaxfm)\n- **[01:52](#t=01:52)** Brought To You By Sentry.io\n- **[02:42](#t=02:42)** Svelte 5 Introduction\n- [Svelte 5 Intro](https://svelte-5-preview.vercel.app/docs/introduction)\n- **[05:45](#t=05:45)** What Are Runes?\n - **[06:21](#t=06:21)** $state()\n - **[11:49](#t=11:49)** $props()\n - [Class as a rest prop](https://svelte-5-preview.vercel.app/#H4sIAAAAAAAAE41QS2rDMBS8ykMUktBUSejOiQOlx6i7cGQ5FpElIT2nNcJ3rz75lW66Em9GM8yMJ62Q3JHiwxNV95wU5M0YsiQ4mni4M5fIw-30YFlEdo5ZYXBfqQpFb7RFeNfhVVzhK7RW9zCjqztEs8VsGwWSIzA9KIQSnhzWyOfrRWQC1w6KodAKhGKW90E7X4CPTIVZ81zCJtlMCVW71T2L2h0GxKDWiknBTqW_2Uwpa0JdAT55TVGdFVn90IHJ2rmyIqOuCKz2oXyvG9EK3pAC7cCn5W2ru-q_kzGtHIKnlFrucIo7GKuNm8cZfhXy8QNNYWLaRpwvyR6J_XWJQOciDkfJE0xHfd3vULPT0YbizQvTUtsCLG-2meu4OHZYwGa9Nt8X7Es02D1Caa9s_XePz-kHAwhxqEcCAAA=)\n - **[16:41](#t=16:41)** $effect()\n - **[21:17](#t=21:17)** $inspect()\n- **[23:03](#t=23:03)** What Are Snippets?\n- **[27:33](#t=27:33)** What Are Events?\n- **[30:02](#t=30:02)** Built In Functions\n- **[32:42](#t=32:42)** Smaller Output\n- [Reddit example](https://www.reddit.com/r/sveltejs/comments/18jdxht/i_have_migrated_147_components_to_svelte_5_and/)\n- **[33:31](#t=33:31)** Speed\n- [Benchmarks](https://krausest.github.io/js-framework-benchmark/current.html)\n- **[35:00](#t=35:00)** Anticipated Release\n- [Try it today](https://svelte-5-preview.vercel.app/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n","hash":"62c098217ea70c38bb23e4d29d143274211c4bbd3161615d757e0d59d88e3c72","slug":"svelte-5-speed-simplicity-and-size","md_file":"/shows/723 - Svelte 5 Speed Simplicity and Size.md","created_at":"2024-01-26T21:00:05.292Z","updated_at":"2024-08-29T14:18:21.181Z","show_type":"HASTY","guests":[],"notesFile":"/shows/723 - Svelte 5 Speed Simplicity and Size.md","displayNumber":"723","displayDate":"January 29th, 2024"},{"id":"syntax_podcast_show_00722","number":722,"title":"Next Level Web APIs. Bluetooth, File Access, Thomas Steiner - Project Fugu","date":"2024-01-26T12:00:00.604Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_722.mp3","youtube_url":null,"show_notes":"\nThomas Steiner talks with us about Project Fugu, an effort from Google to enable new classes of applications to run on the web. What is Project Fugu? What are some of Thomas' favorite APIs to use? What is an IWA vs a PWA? And more!\n\n### Show Notes\n\n* **[00:32](#t=00:32)** Welcome\n* **[01:52](#t=01:52)** Who is Thomas Steiner?\n* **[02:57](#t=02:57)** What is the overall goal of Project Fugu?\n* **[08:17](#t=08:17)** When might we see these APIs come to all browsers?\n* **[14:10](#t=14:10)** Do you have examples of companies pushing for an API?\n* **[18:53](#t=18:53)** What happens with the face detection API?\n* **[28:33](#t=28:33)** What is an IWA?\n* **[35:17](#t=35:17)** What is the web transport API for?\n* **[37:11](#t=37:11)** What is MIDI?\n* **[41:20](#t=41:20)** Nintendo Joycon hack\n* **[45:28](#t=45:28)** File handlers in a PWA\n* **[50:38](#t=50:38)** File System Observer API coming soon\n* **[56:26](#t=56:26)** Sick Picks\n\n* [Onnx](https://onnx.ai/)\n* [HuggingFace](https://huggingface.co/docs/transformers.js/index)\n* [Chrome for Developers](https://developer.chrome.com/docs/capabilities/status)\n* [Fugu API Tracker](https://fugu-tracker.web.app/)\n* [Google I/O 2023](https://io.google/2023/)\n* [LEGO Education SPIKE](https://spike.legoeducation.com/)\n* [Igalia](https://www.igalia.com/)\n* [CapCut](https://www.capcut.com/)\n* [Descript](https://www.descript.com/)\n* [Better Touch Tool](https://folivora.ai/)\n\n### Sick Picks\n\n* Laser printers\n\n### Shameless Plugs\n\n- [HowFuguIsMyBrowser](https://howfuguismybrowser.dev/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"5eec6cd520e80ca3b2c06d13d3d0bf2a7985f667573ea0d9adaa15e5d43ce3b2","slug":"next-level-web-apis-bluetooth-file-access-thomas-steiner-project-fugu","md_file":"/shows/722 - supper.md","created_at":"2024-01-25T21:00:16.827Z","updated_at":"2024-08-29T14:18:21.107Z","show_type":"SUPPER","guests":[{"Guest":{"github":"tomayac","name":"Thomas Steiner"}}],"notesFile":"/shows/722 - supper.md","displayNumber":"722","displayDate":"January 26th, 2024"},{"id":"syntax_podcast_show_00721","number":721,"title":"You should learn Drizzle, the TypeScript SQL ORM","date":"2024-01-24T12:00:00.956Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_721.mp3","youtube_url":null,"show_notes":"\nWe're doing a Tasty overview of Drizzle in this episode. What is Drizzle? What are different types of databases? How do you host databases? What have we built with Drizzle? And how does Drizzle handle relational data, TypeScript, querying, selects, transactions, and more!\n\n### Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* **[00:52](#t=00:52)** Syntax Brought to you by Sentry\n* **[01:50](#t=01:50)** What is Drizzle?\n* **[09:11](#t=09:11)** Different types of databases\n* **[17:58](#t=17:58)** Why pay for SQLite hosting?\n* **[20:36](#t=20:36)** Defining your data structures\n* **[24:27](#t=24:27)** What we've built using Drizzle\n* **[28:28](#t=28:28)** Relational data\n* **[36:17](#t=36:17)** TypesScript and Drizzle\n* **[40:53](#t=40:53)** Querying + Selects with Drizzle\n* **[46:23](#t=46:23)** Transactions\n* **[47:09](#t=47:09)** Syntax Drizzle Studio theme\n* **[48:27](#t=48:27)** Sick Picks\n\n* [Drizzle ORM](https://orm.drizzle.team/)\n* [Drizzle ORM - Overview](https://orm.drizzle.team/kit-docs/overview)\n* [Meet Drizzle Studio](https://orm.drizzle.team/drizzle-studio/overview)\n* [Benchmarks](https://orm.drizzle.team/benchmarks)\n* [Sequel Pro](https://sequelpro.com/)\n* [TablePlus](https://tableplus.com/)\n* [phpMyAdmin](https://www.phpmyadmin.net/)\n* [Cloudflare D1](https://www.cloudflare.com/developer-platform/d1/)\n* [Bun](https://bun.sh/)\n* [habitpath.io](https://habitpath.io/waitlist)\n* [Chartable](https://chartable.com/)\n* [Neon](https://neon.tech/)\n* [Answer Overflow](https://www.answeroverflow.com/)\n* [Drizzle Studio Themes](https://drizzle.studio/themes/DQxCNydRxt3DjhMOl_P61)\n\n### Sick Picks\n\n* Scott: [BlackBerry - Apple TV (CA)](https://tv.apple.com/ca/movie/blackberry/umc.cmc.3l1hmmtt33myfoyr38vfg85js)\n* Wes: [Candle Warmer Lamp](https://www.amazon.ca/gp/product/B0BZ7ZDVRW?ie=UTF8&psc=1&linkCode=sl1&tag=isi777-20&linkId=8e1bc7ea2619c75e37cb76b48f5c4065&language=en_CA)\n\n### Shameless Plugs\n\n- [Syntax Tiktok](https://www.tiktok.com/@syntaxfm)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"40a2008f3fb3d2f2091364bde83b71bde022bf7d8997402aff6113d514c0c128","slug":"you-should-learn-drizzle-the-typescript-sql-orm","md_file":"/shows/721- tasty.md","created_at":"2024-01-22T21:00:05.819Z","updated_at":"2024-08-29T14:18:21.076Z","show_type":"TASTY","guests":[],"notesFile":"/shows/721- tasty.md","displayNumber":"721","displayDate":"January 24th, 2024"},{"id":"syntax_podcast_show_00720","number":720,"title":"Where Does Time Come From?","date":"2024-01-22T12:00:00.738Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_720.mp3","youtube_url":null,"show_notes":"\nIt is time. Wes and Scott attempt to blow your minds by talking about time, who's tracking time, where does time come from, what time is it in your browser vs someone else's server, and standards around time.\n\n### Show Notes\n\n* **[00:25](#t=00:25)** Welcome\n* **[00:55](#t=00:55)** Thanks to Chris Enns\n* [LemonProductions.ca](https://www.lemonproductions.ca/)\n* [Chris Enns on Twitter](https://twitter.com/ichris)\n* [Podcast tutorials by Chris Enns on YouTube](https://www.youtube.com/@lemonpodcasting)\n* **[03:14](#t=03:14)** What is time in the browser?\n* **[06:27](#t=06:27)** What are atomic clocks?\n* [Atomic Clocks and Cloudflare](https://www.cloudflare.com/learning/ssl/lava-lamp-encryption/)\n* **[08:22](#t=08:22)** Network time\n* **[09:35](#t=09:35)** Device time\n* **[11:11](#t=11:11)** Why is time so important?\n* **[14:35](#t=14:35)** Epoch time\n* [Syntax epoch convertor](https://epoch.vercel.app)\n* **[16:58](#t=16:58)** ISO 8601 standard\n* [ISO 8601](https://en.wikipedia.org/wiki/ISO_8601)\n* **[19:20](#t=19:20)** RFC 3339\n* [RFC3339](https://www.rfc-editor.org/rfc/rfc3339)\n* **[20:35](#t=20:35)** Time zone support\n* **[21:59](#t=21:59)** The Temporal API\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"2c1fa9db36d88a0ce36a9238858b8ac08c4b098ba3522b76089d8b143bf7afde","slug":"where-does-time-come-from","md_file":"/shows/720 - hasty.md","created_at":"2024-01-19T03:00:35.240Z","updated_at":"2024-08-29T14:18:21.044Z","show_type":"HASTY","guests":[],"notesFile":"/shows/720 - hasty.md","displayNumber":"720","displayDate":"January 22nd, 2024"},{"id":"syntax_podcast_show_00719","number":719,"title":"Fullstack TypeScript Apps with No Build Step?! with Brian LeRoux","date":"2024-01-19T11:00:00.711Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_719fx.mp3","youtube_url":null,"show_notes":"\nWes and Scott talk with Brian LeRoux about not using a bundler, handling TypeScript, live reloading, Enhance being a meta framework, how Enhance handles CSS, his experience at AWS: Reinvent, and the state of JavaScript run times in 2024.\n\n### Show Notes\n\n* **[00:31](#t=00:31)** Welcome\n* **[01:00](#t=01:00)** Introducing Brian Leroux\n* **[01:32](#t=01:32)** Syntax Brought to you by Sentry\n* **[01:54](#t=01:54)** You can't fix bugs you can't see\n* **[03:14](#t=03:14)** Not using a bundler\n* **[05:48](#t=05:48)** Downsides of not using a bundler\n* **[11:13](#t=11:13)** What about TypeScript?\n* **[13:58](#t=13:58)** Is there a waterfall of imports?\n* **[18:29](#t=18:29)** What happens to live reloading?\n* **[22:12](#t=22:12)** The browser upgrade path\n* **[26:39](#t=26:39)** Is Enhance a meta framework?\n* **[29:02](#t=29:02)** What are you doing about SSR web components?\n* **[33:24](#t=33:24)** Can you refresh part of the application?\n* **[36:22](#t=36:22)** What about state management and Enhance?\n* **[42:52](#t=42:52)** How does Enhance handle CSS?\n* **[48:26](#t=48:26)** How was AWS: Reinvent?\n* **[54:47](#t=54:47)** What's happening with the Begin CLI?\n* **[55:55](#t=55:55)** Any thoughts on new JavaScript run times?\n* **[59:51](#t=59:51)** Sick Picks\n\n* [brian.io](https://brian.io/)\n* [Quickstart - Architect documentation](https://arc.codes/docs/en/get-started/quickstart)\n* [Enhance](https://enhance.dev/)\n* [aws-lite](https://aws-lite.org/)\n\n### Sick Picks\n\n* [Analogue Pocket](https://www.analogue.co/pocket)\n\n### Shameless Plugs\n\n* [Begin — The Cloud Platform for Functional Web Apps](https://begin.com/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"d5b4f9d596fb1fdf8ee860d12d3afca465208d1f1ef824ca983d11964d9b47e3","slug":"fullstack-typescript-apps-with-no-build-step-with-brian-leroux","md_file":"/shows/719 - supper.md","created_at":"2024-01-17T18:00:06.834Z","updated_at":"2024-08-29T14:18:20.964Z","show_type":"SUPPER","guests":[{"Guest":{"github":"brianleroux","name":"Brian LeRoux"}}],"notesFile":"/shows/719 - supper.md","displayNumber":"719","displayDate":"January 19th, 2024"},{"id":"syntax_podcast_show_00718","number":718,"title":"React Server Components","date":"2024-01-17T12:00:00.308Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_718.mp3","youtube_url":null,"show_notes":"\nWes and Scott talk through server components, the difference between server components and client components, reasons to run something server side, how server components work, using forms and buttons, what they like and don't like about it, and tips to learn more.\n\n### Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* **[00:52](#t=00:52)** Syntax Brought to you by Sentry\n* **[01:39](#t=01:39)** New Heights with Scott and Wes\n* **[04:33](#t=04:33)** What are React Server Components?\n* **[10:52](#t=10:52)** The difference between server components and client components\n* [Tweet: \"React Server + Client Components Visualized There is a bit of a learning curve to learn new patterns, but the ease of going between client and server will be worth it.](https://twitter.com/wesbos/status/1743347215425237436)\n* **[11:37](#t=11:37)** Why would you want to run something server side?\n* **[15:22](#t=15:22)** Components are server rendered by default\n* **[16:40](#t=16:40)** What is JS sprinkles?\n* **[17:29](#t=17:29)** How do server components work?\n* **[18:51](#t=18:51)** Moving an existing site to React server components take a while\n* **[20:27](#t=20:27)** The rules\n* **[27:12](#t=27:12)** Form Actions + Server Actions\n* **[32:07](#t=32:07)** Buttons can have actions\n* **[36:32](#t=36:32)** React Suspense\n* **[39:13](#t=39:13)** What we like\n* [Ryan Florence thread](https://twitter.com/ryanflorence/status/1733157452336803970)\n* **[41:54](#t=41:54)** What we don't like\n* **[47:13](#t=47:13)** Design patterns\n* **[47:35](#t=47:35)** Other things\n* [RSC Devtools](https://chromewebstore.google.com/detail/rsc-devtools/jcejahepddjnppkhomnidalpnnnemomn?pli=1)\n* [Introducing Waku](https://waku.gg/blog/introducing-waku)\n* [Mux](https://www.mux.com/)\n* **[49:22](#t=49:22)** Sick Picks\n\n### Sick Picks\n\n- Scott: [ASUS ZenDrive V1M External DVD Drive](https://amzn.to/41OO8Wf)\n- Wes: [Leatherman Arc](https://www.leatherman.com/en_CA/arc-833076.html)\n\n### Shameless Plugs\n\n- Scott: [Syntax YouTube](https://www.youtube.com/@syntaxfm)\n- Wes: [Wes Bos Courses](https://wesbos.com/courses)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"b3f7a3417f3244c8af773697db7d1f7dbe00e9309e7363a687b2f2c01b45a5e1","slug":"react-server-components","md_file":"/shows/718 - tasty.md","created_at":"2024-01-17T00:00:11.955Z","updated_at":"2024-08-29T14:18:20.935Z","show_type":"TASTY","guests":[],"notesFile":"/shows/718 - tasty.md","displayNumber":"718","displayDate":"January 17th, 2024"},{"id":"syntax_podcast_show_00717","number":717,"title":"How to be Productive","date":"2024-01-15T12:00:00.623Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_717.mp3","youtube_url":null,"show_notes":"\nWe're kicking off 2024 by talking about productivity tips we're using to stay focused, to do apps, calendars, focus states, and customizing our code editor.\n\n### Show Notes\n\n* **[00:25](#t=00:25)** Welcome\n* **[00:46](#t=00:46)** Syntax Brought to you by Sentry\n* **[01:11](#t=01:11)** Welcome to 2024\n* [Anxiety and Uncertainty with Dr. Courtney Tolinski - Syntax #670](https://syntax.fm/show/670/anxiety-and-uncertainty-with-dr-courtney-tolinski)\n* **[01:42](#t=01:42)** Getting systems in place\n* **[03:30](#t=03:30)** Examining your current habits\n* **[08:14](#t=08:14)** Tracking habits\n* **[12:16](#t=12:16)** Neural Pathway Chain Breakers\n* [habitpath.io/waitlist](https://habitpath.io/waitlist)\n* [STREAKS](https://streaksapp.com/)\n* [A Passwordless Future Passkeys with Anna Pobletts - Syntax #710](https://syntax.fm/show/710/a-passwordless-future-passkeys-with-anna-pobletts)\n* [Clerk](https://clerk.com/)\n* **[14:26](#t=14:26)** Todos\n* [Stronglifts app](https://stronglifts.com/app/)\n* [Getting Things Done](https://gettingthingsdone.com/)\n* [Things](https://culturedcode.com/things/)\n* [Height](https://height.app/)\n* **[20:14](#t=20:14)** The calendar as the ultimate tool\n* [Cron Calendar](https://cron.com/)\n* **[23:52](#t=23:52)** Using Focus states\n* [Focus App](https://heyfocus.com/)\n* **[29:09](#t=29:09)** Customizing VS Code with an extension\n* [Apc Customize UI++ - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=drcika.apc-extension)\n* **[31:14](#t=31:14)** Momentum\n\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"2de998db96e4eada928cd5af3aae3a0ef1bacd599255a290ec7f9de0c9fce7f7","slug":"how-to-be-productive","md_file":"/shows/717 - hasty.md","created_at":"2024-01-13T18:00:44.924Z","updated_at":"2024-08-29T14:18:20.901Z","show_type":"HASTY","guests":[],"notesFile":"/shows/717 - hasty.md","displayNumber":"717","displayDate":"January 15th, 2024"},{"id":"syntax_podcast_show_00716","number":716,"title":"JS Perf Wins & New Node.js Features with Yagiz Nizipli","date":"2024-01-12T12:00:00.650Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_716.mp3","youtube_url":null,"show_notes":"\nYagiz Nizipli talks about his involvement with Node.js, implementing .env, how he finds areas to improve in performance, the happy path vs the hot path, and new features coming to Node.js.\n\n### Show Notes\n\n* **[00:32](#t=00:32)** Welcome\n* **[01:01](#t=01:01)** Introducing Yagiz Nizipli\n* **[02:21](#t=02:21)** What is your involvement in Node.js?\n* **[03:27](#t=03:27)** Implementing .env\n* **[07:03](#t=07:03)** Why was 20,000 lines of C required?\n* **[11:00](#t=11:00)** How do you begin to find performance issues?\n* **[15:17](#t=15:17)** How do you measure improvements?\n* **[26:27](#t=26:27)** The happy path vs the hot path\n* **[27:36](#t=27:36)** Is Rspack ready for prime time?\n* [RSpack](https://www.rspack.dev/)\n* **[28:47](#t=28:47)** Bundle Size VS runtime perf? Whats more important?\n* **[30:51](#t=30:51)** What's it like working on a large project like Node?\n* **[38:26](#t=38:26)** Will Node ever get TypeScript support?\n* **[40:22](#t=40:22)** What are loaders?\n* **[44:24](#t=44:24)** Node.js is getting a config file?\n* **[51:37](#t=51:37)** Sick Picks\n\n### Sick Picks\n\n* [Oxc](https://oxc-project.github.io)\n* [@Boshen_c](https://twitter.com/boshen_c)\n\n### Shameless Plugs\n\n* [@yagiznizipli](https://twitter.com/yagiznizipli)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n","hash":"bc6f564c1f71f9bfdd5dbf87a4798b3857f037437ba5295c4254655d62fb13be","slug":"js-perf-wins-and-new-node-js-features-with-yagiz-nizipli","md_file":"/shows/716 - supper.md","created_at":"2024-01-10T21:00:05.973Z","updated_at":"2024-08-29T14:18:20.844Z","show_type":"SUPPER","guests":[{"Guest":{"github":"anonrig","name":"Yagiz Nizipli"}}],"notesFile":"/shows/716 - supper.md","displayNumber":"716","displayDate":"January 12th, 2024"},{"id":"syntax_podcast_show_00715","number":715,"title":"Google & MS Duopoly, Frontend to Fullstack, Where to Put Business Logic + more(Potluck)","date":"2024-01-10T12:00:00.771Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_715.mp3","youtube_url":null,"show_notes":"\nWes and Scott answer your questions about duopoly in tech, tech stacks for creating content, switching from frontend to full stack, DSA knowledge, email HTML, and more!\n\n### Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* **[02:21](#t=02:21)** Syntax Brought to you by Sentry\n* **[03:31](#t=03:31)** Are you concerned about duopolistic companies taking over the web?\n* **[11:29](#t=11:29)** What stack do you you use for videos and sharing content?\n* **[15:02](#t=15:02)** How do you know once your ready to officially make the switch from frontend to full stack?\n* **[17:58](#t=17:58)** As someone new to tech and looking to apply for junior front end positions, how much should i know about DSA's?\n* [Friends that work at big tech companies - did you need Data Structures and Algorithms to get hired? I get an lots of messages from new devs asking how to learn these things. Many of them say the need it to work at FAANG type companies](https://twitter.com/wesbos/status/1353729683486076930)\n* **[21:59](#t=21:59)** Which tools would you recommend for crafting HTML emails from scratch?\n* [Foundation](https://get.foundation/)\n* [MJML](https://mjml.io/)\n* [React Email](https://react.email/)\n* **[25:03](#t=25:03)** Hey are you guys setting up your own CI/CD like github action or gitlab CI?\n* [Netlify](https://www.netlify.com/)\n* [Vercel](https://vercel.com/)\n* **[28:25](#t=28:25)** What do you think about unstyled component libs. Eg: Ark?\n* [Ark UI](https://ark-ui.com/)\n* **[31:47](#t=31:47)** Do I need to have every single feature on mobile as I do on a desktop?\n* [Obsidian - Sharpen your thinking](https://obsidian.md/)\n* [Missive ‐ Team Email, Chat & Tasks](https://missiveapp.com/)\n* **[39:15](#t=39:15)** How can I get better at planning my code?\n* [shaky.github.bushong.net](https://shaky.github.bushong.net/)\n* [Monodraw for macOS — Helftone](https://monodraw.helftone.com/)\n* [Octopus.do, Visual Sitemap Tool, Website Planner, Architecture](https://octopus.do/)\n* [Mermaid | Diagramming and charting tool](https://mermaid.js.org/)\n* **[42:32](#t=42:32)** What exactly makes it so that a piece of logic is client/frontend logic vs backend logic?\n* **[46:17](#t=46:17)** Sick Picks\n\n### Sick Picks\n\n- Scott: [Sleeping Queens Card Game, 79 Cards : Toys & Games](https://www.amazon.com/Sleeping-Queens-Card-Game-Cards/dp/B0009XBY3A?th=1&linkCode=sl1&linkId=6eef3adfd2c4730f354eb65ce40b1f65&language=en_US)\n- Wes: Package drop box\n\n### Shameless Plugs\n\n- Scott: [Syntax Newsletter](https://syntax.fm/snackpack)\n- Wes: [Wes Bos Courses](https://wesbos.com/courses)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"34940d522b95a7c8244b658e55d1b1e9e225eee2ddf0dd8804174edd32670b4c","slug":"google-and-ms-duopoly-frontend-to-fullstack-where-to-put-business-logic-more-potluck","md_file":"/shows/715 - tasty.md","created_at":"2024-01-09T00:00:06.599Z","updated_at":"2024-08-29T14:18:20.812Z","show_type":"TASTY","guests":[],"notesFile":"/shows/715 - tasty.md","displayNumber":"715","displayDate":"January 10th, 2024"},{"id":"syntax_podcast_show_00714","number":714,"title":"CSS :has() in Every Browser! 10 Uses","date":"2024-01-08T12:00:00.888Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_714.mp3","youtube_url":null,"show_notes":"\nCSS :has() is out in all browsers and Wes and Scott have got the top 10 reasons you should start using :has() now.\n\n### Show Notes\n\n* **[00:25](#t=00:25)** Welcome\n* **[02:28](#t=02:28)** Syntax Brought to you by Sentry\n* **[03:02](#t=03:02)** Overview of :has\n* **[07:09](#t=07:09)** The anywhere selector\n* **[09:41](#t=09:41)** Previous element\n* **[12:59](#t=12:59)** Layout targetting\n* **[15:45](#t=15:45)** Form validation styling\n* **[17:51](#t=17:51)** All siblings\n* **[21:07](#t=21:07)** Quantity queries\n* **[24:19](#t=24:19)** Empty children\n* **[24:56](#t=24:56)** Nested dropdown navs\n* **[26:36](#t=26:36)** Attribute matching\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"bcbb7ba895913fa26800ebc4b0f74e98fc536f9ce4c95d921f8bf759256211b7","slug":"css-has-in-every-browser-10-uses","md_file":"/shows/714 - hasty.md","created_at":"2024-01-05T00:00:09.628Z","updated_at":"2024-08-29T14:18:20.781Z","show_type":"HASTY","guests":[],"notesFile":"/shows/714 - hasty.md","displayNumber":"714","displayDate":"January 8th, 2024"},{"id":"syntax_podcast_show_00713","number":713,"title":"The CSS OG Eric Meyer. 1994 CSS, JS in Fridges, Tailwind, and Web Standards","date":"2024-01-05T12:00:00.113Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_713.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Eric Meyer about his start on the web, the early days of CSS, where CSS is headed, are we going to lose a browser, and more!\n\n### Show Notes\n\n* **[00:32](#t=00:32)** Welcome\n* **[01:26](#t=01:26)** Who is Eric Meyer?\n* **[05:44](#t=05:44)** In the earliest days, what browsers supported CSS?\n* **[10:23](#t=10:23)** The current web platform test suite\n* [web-platform-tests](https://web-platform-tests.org/)\n* **[17:59](#t=17:59)** Are CSS features shipping faster these days?\n* **[20:45](#t=20:45)** CSS learning from preprocessors\n* **[26:24](#t=26:24)** What do you think about Tailwind and inline CSS?\n* **[33:26](#t=33:26)** Alternative spaces where CSS may be used\n* [CSS Speech Module Level 1](https://www.w3.org/TR/css-speech-1/)\n* [The World Wide Web Consortium Issues CSS2 as a W3C Recommendation](https://www.w3.org/press-releases/1998/css2/)\n* **[37:17](#t=37:17)** Do companies push CSS forward for a business use case?\n* **[44:06](#t=44:06)** Trying to keep up with all the things is difficult\n* **[48:19](#t=48:19)** What's on Eric Meyer's CSS wishlist?\n* **[54:35](#t=54:35)** Supper Club Questions\n* [Bruce Lawson](https://brucelawson.co.uk/)\n* [Firefox Nightly desktop, Android and iOS.](https://www.mozilla.org/en-CA/firefox/channel/desktop/)\n* [SerenityOS](https://serenityos.org/)\n* [The Ladybird browser project](https://ladybird.dev/)\n* [Thunderbird — Free Your Inbox. — Thunderbird](https://www.thunderbird.net/en-US/)\n* [Arc from The Browser Company](https://arc.net/)\n* [Mozilla Foundation - Homepage](https://foundation.mozilla.org/en/)\n* **[01:01:58](#t=01:01:58)** Sick Picks\n\n### Sick Picks\n\n* [Polypane](https://polypane.app/)\n\n### Shameless Plugs\n\n* [Igalia - Open Source Consultancy and Development](https://www.igalia.com/)\n* [meyerweb.com](https://meyerweb.com/eric/writing.html)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"7ffae84e24f6ca5bf0d5f3ed5ce5496c93cac74526d6bb38f447c8f4e445ddc1","slug":"the-css-og-eric-meyer-1994-css-js-in-fridges-tailwind-and-web-standards","md_file":"/shows/713 - supper Eric.md","created_at":"2024-01-03T21:00:35.290Z","updated_at":"2024-08-29T14:18:20.706Z","show_type":"SUPPER","guests":[{"Guest":{"github":"meyerweb","name":"Eric Meyer"}}],"notesFile":"/shows/713 - supper Eric.md","displayNumber":"713","displayDate":"January 5th, 2024"},{"id":"syntax_podcast_show_00712","number":712,"title":"2024 Predictions","date":"2024-01-03T12:00:00.936Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_712.mp3","youtube_url":null,"show_notes":"\nWes and Scott give their predictions for 2024 in JavaScript, frameworks, server-side JS, tooling, CSS, developer ecosystem, and AI tooling.\n\n### Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* **[01:10](#t=01:10)** Syntax Brought to you by Sentry\n* **[02:00](#t=02:00)** Types in JS will have real movement\n* **[05:10](#t=05:10)** Temporal API will ship in 1 browser\n* **[06:38](#t=06:38)** Perf tooling gets easy for everyone to understand\n* **[07:32](#t=07:32)** CSS continues to get better where you need less JS\n* **[08:35](#t=08:35)** The year of the server in frameworks\n* **[10:32](#t=10:32)** Svelte v5 is very fast\n* [SvelteKit • Web development, streamlined](https://kit.svelte.dev/)\n* **[12:04](#t=12:04)** Astro is going to have a good year\n* [Astro](https://astro.build/)\n* [4 Web Devs, 1 App Idea (Salma Alam-Naylor, Scott Tolinski, Eve Porcello)](https://www.youtube.com/watch?v=b4HZpv61V1U)\n* **[14:22](#t=14:22)** React server components\n* [dai-shi/waku: ⛩️ The minimal React framework](https://github.com/dai-shi/waku)\n* [Waku](https://waku.gg/)\n* **[19:45](#t=19:45)** Remix moves away from page-based loaders, to component loaders\n* **[20:52](#t=20:52)** Hono will become more ubiquitous\n* [Hono - Ultrafast web framework for the Edges](https://hono.dev/)\n* **[23:23](#t=23:23)** Node will introduce TypeScript support via loaders\n* **[24:48](#t=24:48)** We will see a route matching Proposal move ahead\n* [URL Pattern Standard](https://urlpattern.spec.whatwg.org/)\n* **[26:34](#t=26:34)** Bun releases full node compat\n* **[27:34](#t=27:34)** We will see a new Linter + formatter entirely replace\n* [Language support | Biome](https://biomejs.dev/internals/language-support/)\n* [HTML support · Issue #1326 · oxc-project/oxc](https://github.com/oxc-project/oxc/issues/1326)\n* [Prettier · Opinionated Code Formatter](https://prettier.io/)\n* **[31:44](#t=31:44)** New TypeScript typechecker\n* **[32:42](#t=32:42)** Lightning CSS pops - or does it?\n* **[34:37](#t=34:37)** You’ll hear more about Rspack and Turbopack\n* **[35:55](#t=35:55)** Vite isn't going to release anything big in 2024\n* [Vite | Next Generation Frontend Tooling](https://vitejs.dev/)\n* **[36:55](#t=36:55)** CSS contrast-color will land in chrome\n* **[37:27](#t=37:27)** Relative color will land in all major browsers\n* **[37:48](#t=37:48)** Scroll animation landing in 2 browsers\n* **[38:40](#t=38:40)** The year of CSS discovery\n* **[41:20](#t=41:20)** Safari will Ship 3 missing PWA Support\n* **[44:10](#t=44:10)** Firefox usage will continue to slip\n* **[47:43](#t=47:43)** Paid Arc features\n* **[47:55](#t=47:55)** More XR web experiences as Apple releases in Vision Pro\n* **[49:07](#t=49:07)** AI Tooling\n* [Galileo AI](https://www.usegalileo.ai/explore)\n* [v0 by Vercel](https://v0.dev/)\n* [Transformers.js](https://huggingface.co/docs/transformers.js/index)\n* **[51:07](#t=51:07)** Small Models that run in the browser\n* **[52:08](#t=52:08)** Apps get sherlocked by OpenAI\n* **[53:24](#t=53:24)** On prem corporate AI\n* **[54:15](#t=54:15)** Sick Picks\n\n### Sick Picks\n\n- Scott: [ISO100 protein power](https://amzn.to/3GRNDRo), [Weekend at Bernie's](https://letterboxd.com/film/weekend-at-bernies/)\n- Wes: [Roborock S8 Pro Ultra Vaccum + Mop](https://amzn.to/3Rvs91R)\n\n### Shameless Plugs\n\n- Scott: [Syntax Newsletter](https://syntax.fm/snackpack)\n- Wes: [Wes Bos Courses](https://wesbos.com/courses)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"bef2f8758004e1ef7e058c82e123bad6865e9fdfd276414f785a9b80920137bf","slug":"2024-predictions","md_file":"/shows/712 - tasty.md","created_at":"2024-01-02T18:00:43.604Z","updated_at":"2024-08-29T14:18:20.675Z","show_type":"TASTY","guests":[],"notesFile":"/shows/712 - tasty.md","displayNumber":"712","displayDate":"January 3rd, 2024"},{"id":"syntax_podcast_show_00711","number":711,"title":"The Surprisingly Exciting World of Print + PDF CSS","date":"2024-01-01T12:00:00.502Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_711fix.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about things to consider when printing something from your website or app including loading CSS only for printing, using units in CSS, CSS counters, creating a PDF, naming pages when printing, and more.\n\n### Show Notes\n\n* **[00:25:15](#t=00:25:15)** Welcome\n* **[01:27:04](#t=01:27:04)** Syntax Brought to you by Sentry\n* **[01:52:00](#t=01:52:00)** Examples of how Wes uses print CSS\n* **[03:42:16](#t=03:42:16)** Using it for invoices or receipts\n* **[05:08:24](#t=05:08:24)** Delivering a book as a PDF\n* **[05:42:16](#t=05:42:16)** How do you load CSS only for printing?\n* **[10:41:08](#t=10:41:08)** Using units in CSS\n* **[11:29:15](#t=11:29:15)** CSS Counters\n* [MDN: CSS Counters](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters)\n```\n\nbody {\ncounter-reset: chapter; /* create a chapter counter scope */\n}\n\nh1:before {\ncontent: \"Section \" counter(chapter) \" \";\ncounter-increment: chapter; /* add 1 to chapter */\n\n}\nh1 {\n counter-reset: subchapter; /* set section to 0 */\n }\n h2:before {\n content: counter(chapter) \".\" counter(subchapter) \" \";\n counter-increment: subchapter;\n }\n h2 {\n counter-reset: section;\n font-size: 23px;\n }\n```\n* **[14:31:10](#t=14:31:10)** Named Pages\n```\n@page title {\n @top {\n /* no header for title pages */\n content: “”;\n }\n}\n\n@page chapter {\n @top {\n content: “This is a chapter page”;\n }\n}\n```\n* **[15:27:09](#t=15:27:09)** Margins, Headers + footers, Page Numbers\n* **[18:01:18](#t=18:01:18)** Debugging Print CSS\n* **[19:57:18](#t=19:57:18)** Getting into a PDF\n* [Docraptor](http://docraptor.com/)\n* [Playwright](https://playwright.dev/)\n* [Puppeteer](https://pptr.dev/)\n* [JSPdf](https://www.npmjs.com/package/jspdf)\n* **[24:45:04](#t=24:45:04)** Other Things to consider\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"ba8b2731ba6fc5df29b9fa8bb0b50a40fb1cc1d3cb28f5d14aa54cb1cde30c8c","slug":"the-surprisingly-exciting-world-of-print-pdf-css","md_file":"/shows/711 - hasty.md","created_at":"2023-12-21T18:00:40.605Z","updated_at":"2024-08-29T14:18:20.644Z","show_type":"HASTY","guests":[],"notesFile":"/shows/711 - hasty.md","displayNumber":"711","displayDate":"January 1st, 2024"},{"id":"syntax_podcast_show_00710","number":710,"title":"A Passwordless Future Passkeys with Anna Pobletts","date":"2023-12-29T11:00:00.902Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_710.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Anna Pobletts of Passage about passkeys, how passkeys work, how to implement passkeys on your website or app, what the recommended UI is for passkeys, what happens to your passkey if you lose your phone, and more.\n\n### Show Notes\n\n* **[00:32](#t=00:32)** Welcome\n* **[01:36](#t=01:36)** Why do we need something like Passkeys?\n* **[03:34](#t=03:34)** What are Passkeys for?\n* **[10:04](#t=10:04)** What took us so long to get to Passkeys?\n* **[11:07](#t=11:07)** Where's the two factor part of Passkeys?\n* **[13:08](#t=13:08)** How are Passkeys phishing resistant?\n* **[14:44](#t=14:44)** What happens to your Passkey if you lose your phone?\n* **[18:40](#t=18:40)** What's the password recovery workflow like with Passkeys?\n* **[23:08](#t=23:08)** Having a backup device helps a lot with Passkeys\n* **[24:58](#t=24:58)** Why companies should use two factor or Passkeys\n* **[29:26](#t=29:26)** What are the standards and tech behind Passkeys?\n* **[32:38](#t=32:38)** What kinds of companies are implementing Passkeys?\n* **[34:34](#t=34:34)** What is the recommended UI for telling users about Passkeys?\n* **[39:17](#t=39:17)** How do you implement Passkeys on your app or website?\n* **[41:47](#t=41:47)** 1Password open sourced low level libraries\n* **[47:34](#t=47:34)** What does the future look like for Passkeys?\n* **[51:07](#t=51:07)** Supper Club questions\n* **[53:44](#t=53:44)** Sick Picks\n\n* [1Password](https://1password.com/)\n* [Have I Been Pwned](https://haveibeenpwned.com/)\n* [1Password Watchtower](https://watchtower.1password.com/)\n* [Passkeys.directory](https://passkeys.directory/)\n* [passkeys.dev](https://passkeys.dev/)\n* [FIDO Alliance - Open Authentication Standards More Secure than Passwords](https://fidoalliance.org/)\n\n### Sick Picks\n\n* [Cascadia](https://www.amazon.com/Alderac-Entertainment-Group-AEG-Cascadia/dp/B093H8RGXX)\n\n### Shameless Plugs\n\n* [Passage by 1Password](https://passage.1password.com/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n","hash":"f66fc11ecaae36495927db7a6ed3291cbca15a07aeb29bf86fb31d131a12fb01","slug":"a-passwordless-future-passkeys-with-anna-pobletts","md_file":"/shows/710 - supper passkeys.md","created_at":"2023-12-14T21:00:20.826Z","updated_at":"2024-08-29T14:18:20.555Z","show_type":"SUPPER","guests":[{"Guest":{"github":null,"name":"Anna Poblets"}}],"notesFile":"/shows/710 - supper passkeys.md","displayNumber":"710","displayDate":"December 29th, 2023"},{"id":"syntax_podcast_show_00709","number":709,"title":"Potluck × Naming Tech × Generators × Layers Follow Up × Sick Picks Page","date":"2023-12-27T12:00:00.187Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_709.mp3","youtube_url":null,"show_notes":"\nIn this potluck episode of Syntax, Wes and Scott answer your questions about naming things in programming, use case for generators, CSS @Layers follow up, database prefixes, generalist vs specialist, where's the sick pick page, and more!\n\n### Show Notes\n\n* **[00:08](#t=00:08)** Welcome\n* **[01:20](#t=01:20)** Syntax Brought to you by Sentry\n* **[01:48](#t=01:48)** How much of programming is genuine advanced technical stuff vs just fancy complex sounding names for things?\n* **[05:10](#t=05:10)** I found a non-trivial use case for GENERATORS!\n* **[11:05](#t=11:05)** CSS @Layers follow up from 668\n* [Hacking the Tonal - Proxying, Intercepting + Debugging Traffic? - Syntax #668](https://syntax.fm/show/668/hacking-the-tonal-proxying-intercepting-debugging-traffic)\n* [Allow authors to apply new css features (like cascade layers) while linking stylesheets · Issue #7540 · whatwg/html](https://github.com/whatwg/html/issues/7540#issuecomment-1725024079)\n* **[15:37](#t=15:37)** On a previous episode, what did you mention regarding database-prefix?\n* **[18:20](#t=18:20)** Is it better to be a generalist or specialist as a front end dev?\n* **[23:20](#t=23:20)** I can't find the sick picks page on the new site. Any plans to bring that back?\n* [Filtering and Discovery Notes · Issue #935 · syntaxfm/website](https://github.com/syntaxfm/website/issues/935)\n* **[24:25](#t=24:25)** Can you guys give some advice about how to grow and improve as developers while struggling with ADHD?\n* [Supper Club × Coding with ADHD with Dr. Courtney Tolinski - Syntax #532](https://syntax.fm/show/532/supper-club-coding-with-adhd-with-dr-courtney-tolinski)\n* **[29:55](#t=29:55)** Any chance you could make an embeddable player?\n* **[31:32](#t=31:32)** Could you have the people behind Cards Against Humanity on a future supper club episode?\n* [Cards Against Humanity](https://www.cardsagainsthumanity.com/)\n* [Poor Charlie’s Almanack: The Essential Wit and Wisdom of Charles T. Munger](https://www.stripe.press/poor-charlies-almanack)\n* [Cards Against Humanity 99% Sale](https://www.99percentoffsale.com/)\n* [Warehouse | Blackbox](https://blackbox.cool/warehouse/)\n* [Yowza](https://www.yowza.social/explore)\n* **[34:50](#t=34:50)** What are some of the differences between being a professional developer in Canada versus the United States?\n* **[40:58](#t=40:58)** Is HTML Over The Wire awesome, or super awesome?\n* **[42:52](#t=42:52)** How can I develop locally with a postgres database and Prisma / Vercel for hosting?\n* [Env Variables and Modes | Vite](https://vitejs.dev/guide/env-and-mode.html#env-files)\n* **[46:23](#t=46:23)** Sick Picks\n\n### Sick Picks\n\n- Scott: [Mother In Law's Gochujang Fermented Chile Sauce](https://www.amazon.com/Mother-Gochujang-Fermented-Chile-Sauce/dp/B00W975IGI?crid=XSQTV1WR0YP5&keywords=gochujang&qid=1701798037&sprefix=gochu,aps,111&sr=8-5&linkCode=sl1&linkId=87e277c0276957bc20e67666671f70a6&language=en_US), [MIL Kimchi Gochujang and Gochugaru](https://milkimchi.com/pages/pantry-staples)\n\n- Wes: [SEOUL SISTERS Korean Kimchi Powder](https://www.amazon.ca/s?k=SEOUL+SISTERS+Korean+Kimchi+Powder+Seasoning+Mix+3.5+oz+(100g)+1EA+-+ORIGINAL+Spicy+Seasoning+Mix,+Rich+in+Probiotics,+Delicious+Barbecue+Dry+Rub+for+Chicken+Pork+Fish+Vegetables&linkCode=gs3&linkId=455780a57f550c09ae9537e93cad3a31&tag=isi777-20)\n\n### Shameless Plugs\n\n- Scott: [Sentry](https://sentry.io)\n- Wes: [Wes Bos Courses](https://wesbos.com/courses)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"ffbe2a6269405784b90479ab554425b5a8b9503843436e3be2ddc567d4ce6dce","slug":"potluck-naming-tech-generators-layers-follow-up-sick-picks-page","md_file":"/shows/709 - taste potluck.md","created_at":"2023-12-13T18:00:43.188Z","updated_at":"2024-08-29T14:18:20.520Z","show_type":"TASTY","guests":[],"notesFile":"/shows/709 - taste potluck.md","displayNumber":"709","displayDate":"December 27th, 2023"},{"id":"syntax_podcast_show_00708","number":708,"title":"How We Made Syntax.fm Faster","date":"2023-12-25T12:00:00.803Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_708.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk through the ways they improved performance on the Syntax.fm website, how they knew it was slow to begin with, and the various changes they made to caching, and loading transcripts to improve the speed of the site.\n\n### Show Notes\n\n* **[00:25](#t=00:25)** Welcome\n* **[01:32](#t=01:32)** Adding a database requires queries\n* **[03:32](#t=03:32)** How did we know the site was slow?\n* **[04:25](#t=04:25)** Syntax Brought to you by Sentry\n* **[07:45](#t=07:45)** Changing the way transcripts are being loaded\n* **[13:41](#t=13:41)** Caching\n* **[21:16](#t=21:16)** Caching Headers\n\n\n* [Apollo GraphQL](https://www.apollographql.com/)\n* [Vercel KV](https://vercel.com/docs/storage/vercel-kv)\n* [Upstash](https://upstash.com/)\n* [You Need Stale While Revalidate - Syntax #692](https://syntax.fm/show/692/you-need-stale-while-revalidate)\n* [Puppeteer ](https://pptr.dev/)\n* [LinkedIn Post Inspector](https://www.linkedin.com/post-inspector/)\n* [Polypane](https://polypane.app/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"0a1f56503b37f02d4fe996624a030af3c88c4b764b1889abc44f24b1e7b1b7fb","slug":"how-we-made-syntax-fm-faster","md_file":"/shows/708 - hasty faster.md","created_at":"2023-12-12T00:00:36.690Z","updated_at":"2024-08-29T14:18:20.489Z","show_type":"HASTY","guests":[],"notesFile":"/shows/708 - hasty faster.md","displayNumber":"708","displayDate":"December 25th, 2023"},{"id":"syntax_podcast_show_00707","number":707,"title":"What happened in JS, CSS And Web Dev in 2023? 2023 Predictions Results!","date":"2023-12-20T11:00:00.818Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_707.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott review their 2023 predictions and see how they did on ideas like Deno getting hotter, new JS APIs, WASM, Houdini, CSS Container Queries, and more!\n\n### Show Notes\n\n- **[00:24](#t=00:24)** Welcome\n- **[01:18](#t=01:18)** Syntax Brought to you by Sentry\n- **[02:05](#t=02:05)** SSR JS sites more the norm\n- [solidjs.com](https://www.solidjs.com/)\n- [Remix - Build Better Websites](https://remix.run/)\n- [Next.js by Vercel - The React Framework](https://nextjs.org/)\n- [SvelteKit • Web development, streamlined](https://kit.svelte.dev/)\n- [Astro](https://astro.build/)\n- **[04:14](#t=04:14)** TypeScript Inferred becomes hot\n- **[05:20](#t=05:20)** Types In JS?\n- [ECMAScript proposal for type syntax that is erased - Stage 1](https://github.com/tc39/proposal-type-annotations)\n- **[07:55](#t=07:55)** Deno gets hotter\n- **[11:12](#t=11:12)** JS runtimes mature\n- [htmx ](https://htmx.org/)\n- **[11:50](#t=11:50)** We will see a new TS Type Checker written in Rust\n- **[14:06](#t=14:06)** New JS APIs\n- [What's the status of this project? · Issue #1101 · dudykr/stc](https://github.com/dudykr/stc/issues/1101)\n- [Wes Bos on X: \"Pretty excited about the new JavaScript non-mutating array methods. Currently in stage 3](https://twitter.com/wesbos/status/1593271021557239809)\n- [tc39/proposals: Tracking ECMAScript Proposals](https://github.com/tc39/proposals)\n- [JS Fundamentals - Decorators - Syntax #653](https://syntax.fm/show/653/js-fundamentals-decorators)\n- **[16:29](#t=16:29)** Writing towards Winter CG Spec Popular.\n- [WinterCG](https://wintercg.org/)\n- **[17:09](#t=17:09)** Edge Rendering More Common\n- [Prettier on X: \"We setup a $20k bounty for a rust-based compatible printer with prettier.](https://twitter.com/PrettierCode/status/1729183057356497166)\n- [$20k Bounty was Claimed! · Prettier](https://prettier.io/blog/2023/11/27/20k-bounty-was-claimed)\n- **[18:09](#t=18:09)** A new JS framework\n- **[19:05](#t=19:05)** Page Transitions API\n- **[19:51](#t=19:51)** Rust becomes more popular\n- **[24:00](#t=24:00)** More WASM\n- [Supper Club × WASM, Fastly Edge, and Polyfill.io with Jake Champion - Syntax #643](https://syntax.fm/show/643/supper-club-wasm-fastly-edge-and-polyfill-io-with-jake-champion)\n- [FFmpeg](https://ffmpeg.org/)\n- [Fastly](https://www.fastly.com)\n- **[25:11](#t=25:11)** React Beta Docs launch after 5 year dev cycle\n- **[26:47](#t=26:47)** We start to see CSS Container Queries in production\n- **[29:05](#t=29:05)** CanIUse issues?\n- **[31:20](#t=31:20)** CSS Subgrid\n- **[32:56](#t=32:56)** More AI\n- **[34:06](#t=34:06)** Tooling\n- [Vite | Next Generation Frontend Tooling](https://vitejs.dev/)\n- [Announcing Biome | Biome](https://biomejs.dev/blog/annoucing-biome/)\n- [Lightning CSS](https://lightningcss.dev/)\n- [Rspack](https://www.rspack.dev/)\n- [Turbopack](https://turbo.build/pack)\n- **[36:08](#t=36:08)** People sour on React\n- **[36:47](#t=36:47)** People sour on eslint\n- **[37:16](#t=37:16)** Houdini does nothing\n- [CSS Houdini| MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/Houdini)\n- [Is Houdini Ready Yet?](https://ishoudinireadyyet.com/)\n- **[39:57](#t=39:57)** How'd we do?\n- **[40:40](#t=40:40)** Sick picks\n\n### Sick Picks\n\n- Scott: [Super Mario Bros.™ Wonder](https://www.amazon.com/dp/B0C8VHZR14?linkCode=sl1&linkId=c9bd77fdf054ba7e4160bdcd6dd0e03b&language=en_US)\n- Wes: [Tineco Pure ONE S11 Cordless Vacuum Cleaner](https://www.amazon.ca/dp/B08CDQ52TB?crid=UHSDR920V5YG&keywords=tineco+S11&sprefix=tineco+s11,aps,125&th=1&language=en_US&sr=8-2&linkCode=gs2&linkId=8656480707cdfa3ce51e055cd35083ff&tag=isi777-20)\n\n### Shameless Plugs\n\n- Scott: [Sentry](https://sentry.io)\n- Wes: [Wes Bos Courses](https://wesbos.com/courses)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n","hash":"ca2c27f8f9ff05c2880f9e80d276b26e3facf5d89c65bbaf320e1d2f8c741605","slug":"what-happened-in-js-css-and-web-dev-in-2023-2023-predictions-results","md_file":"/shows/707 - tastyyearinreview.md","created_at":"2023-12-07T18:00:38.126Z","updated_at":"2024-08-29T14:18:20.456Z","show_type":"TASTY","guests":[],"notesFile":"/shows/707 - tastyyearinreview.md","displayNumber":"707","displayDate":"December 20th, 2023"},{"id":"syntax_podcast_show_00706","number":706,"title":"AI and ML - The Pieces Explained","date":"2023-12-18T12:00:00.931Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_706.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about understanding the integration of different components in AI models, the choice between traditional models and Language Learning Models (LLM), the relevance of the Hugging Face library, demystify Llama, discuss spaces in AI, and highlight available services.\n\n### Show Notes\n\n* **[00:25:20](#t=00:25:20)** Welcome\n* **[00:55:00](#t=00:55:00)** Syntax Brought to you by Sentry\n* **[01:17:00](#t=01:17:00)** Understanding how the pieces fit together\n* **[02:31:18](#t=02:31:18)** Models or LLM?\n* **[04:43:22](#t=04:43:22)** What about Hugging Face?\n* **[08:05:18](#t=08:05:18)** What's Llama?\n* **[08:51:15](#t=08:51:15)** What are spaces?\n* **[09:29:06](#t=09:29:06)** Services available to you\n* **[12:26:16](#t=12:26:16)** What are tokens in AI?\n* **[17:38:18](#t=17:38:18)** What is temperature with AI?\n* **[20:33:08](#t=20:33:08)** Using top_p\n* **[21:06:00](#t=21:06:00)** Using fine-tuning to extend existing models\n* **[22:11:19](#t=22:11:19)** Prompts are what you send to the model\n* **[23:17:00](#t=23:17:00)** Streaming\n* **[24:48:17](#t=24:48:17)** Embeddings\n* **[27:34:17](#t=27:34:17)** OpenAI maintains Evals\n* **[28:40:14](#t=28:40:14)** Different libraries for working with AI\n\n- [Hugging Face](https://huggingface.co/)\n- [Creator of Swift, Tesla Autopilot & Tensorflow. New AI language Mojo with Chris Lattner](https://syntax.fm/show/679/creator-of-swift-tesla-autopilot-and-tensorflow-new-ai-language-mojo-with-chris-lattner)\n- [LLaMA](https://research.facebook.com/publications/llama-open-and-efficient-foundation-language-models/)\n- [Spaces - Hugging Face](https://huggingface.co/spaces)\n- [OpenAI](https://openai.com/)\n- [Anthropic \\ Introducing Claude](https://www.anthropic.com/index/introducing-claude)\n- [Replicate](https://replicate.com/)\n- [Fireworks Console](https://app.fireworks.ai/)\n- [gpt-tokenizer playground](https://gpt-tokenizer.dev/)\n- [openai/tiktoken: tiktoken is a fast BPE tokeniser for use with OpenAI's models.](https://github.com/openai/tiktoken)\n- [Supper Club × OpenAI, Future of programming, LLMs, and Math with Andrey Mishchenko](https://syntax.fm/show/625/supper-club-openai-future-of-programming-llms-and-math-with-andrey-mishchenko)\n- [Raycast Pro](https://www.raycast.com/pro)\n- [Amazon SageMaker (AMS SSPS)](https://docs.aws.amazon.com/managedservices/latest/userguide/sagemaker.html)\n- [openai/evals](https://github.com/openai/evals)\n- [LangChain](https://www.langchain.com/)\n- [PyTorch](https://pytorch.org/)\n- [TensorFlow](https://www.tensorflow.org/)\n- [ai - npm](https://www.npmjs.com/package/ai)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"8c2c559905feec678d4078aab9b1481d8cd0b67e59c49d840f384f11e809a19a","slug":"ai-and-ml-the-pieces-explained","md_file":"/shows/706 - hasty ML.md","created_at":"2023-12-06T18:00:49.696Z","updated_at":"2024-08-29T14:18:20.424Z","show_type":"HASTY","guests":[],"notesFile":"/shows/706 - hasty ML.md","displayNumber":"706","displayDate":"December 18th, 2023"},{"id":"syntax_podcast_show_00705","number":705,"title":"Is Running Random Code From npm Safe? With Feross Aboukhadijeh","date":"2023-12-15T12:00:00.697Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_705.mp3","youtube_url":null,"show_notes":"\nIn this Supper Club episode of Syntax, Wes and Scott talk with Feross Aboukhadijeh about his work on Socket which helps to make sure the code you get from npm is safe and secure. They also touch on his work on Wormhole and Web Torrent.\n\n### Show Notes\n\n* **[00:30](#t=00:30)** Welcome\n* **[00:57](#t=00:57)** Who is Feross Aboukhadijeh?\n* **[01:33](#t=01:33)** What is Socket?\n* [Socket.dev](https://socket.dev)\n* [Dominic Tarr on GitHub](https://github.com/dominictarr)\n* [pull-stream/pull-stream: minimal streams](https://github.com/pull-stream/pull-stream)\n* **[03:59](#t=03:59)** Introducing AI package summaries\n* [Example of the AI summaries](https://socket.dev/npm/package/lodash)\n* [Introducing AI Package Summaries](https://socket.dev/blog/introducing-ai-package-summaries)\n* **[07:04](#t=07:04)** Is Socket's focus on visibility of a open source project?\n* **[10:01](#t=10:01)** What was the inspiration for Socket?\n* [Introducing \"safe npm\", a Socket npm Wrapper - Socket](https://socket.dev/blog/introducing-safe-npm)\n* **[16:22](#t=16:22)** How does Socket detect possible security issues?\n* [Removed packages](https://socket.dev/npm/category/removed)\n* [event-source-polyfill protestware attack](https://socket.dev/npm/package/event-source-polyfill/diff/1.0.26)\n* [john wick spam attack](https://socket.dev/blog/npm-registry-spam-john-wick)\n* **[18:55](#t=18:55)** How many projects are you injesting for Socket to scan?\n* **[26:00](#t=26:00)** What kinds of things are people trying to inject in code?\n* [CS253 Web Security](https://cs253.stanford.edu/)\n* **[29:54](#t=29:54)** How do I hook Socket up to my project or GitHub?\n* **[32:08](#t=32:08)** Do we still need to use shrink wrap?\n* **[36:34](#t=36:34)** How did you implement the torrent spec in JavaScript for WebTorrent?\n* [WebTorrent Desktop](https://webtorrent.io/desktop/)\n* [WebTorrent FAQ](https://webtorrent.io/faq)\n* **[43:11](#t=43:11)** Why did you build Wormhole?\n* [Wormhole](https://wormhole.app/)\n* **[47:33](#t=47:33)** How expensive is it to maintain Wormhole?\n* [Riverside.fm - Record Podcasts And Videos From Anywhere](https://riverside.fm/)\n* **[50:37](#t=50:37)** What do you think of decentralized code repos?\n* [Radicle](https://radicle.xyz/)\n* [Project Fugu](https://www.chromium.org/teams/web-capabilities-fugu/)\n* [Fugu Tracker](https://fugu-tracker.web.app/)\n* **[54:29](#t=54:29)** Understanding passkeys\n* **[56:15](#t=56:15)** Supper Club questions\n* [GitHub Theme - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme)\n* [Web Serial API - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/Web_Serial_API)\n* **[01:03:04](#t=01:03:04)** Sick Picks\n\n### Sick Picks\n\n* [Harry Potter audio books](https://www.audible.com/search?searchNarrator=Jim+Dale&page=1&ref_pageloadid=Y232dKyXJGQwY3D1&ref=a_search_c4_pageBack&pf_rd_p=1d79b443-2f1d-43a3-b1dc-31a2cd242566&pf_rd_r=7R36W9E563TXEW646N1V&pageLoadId=pPGcJ2msQJM8cETD&ref_plink=not_applicable&creativeId=18cc2d83-2aa9-46ca-8a02-1d1cc7052e2a)\n\n### Shameless Plugs\n\n* [ChatGPT](https://chat.openai.com/auth/login) \n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"746e83a50b6fa5a70ce124af73e5ee94cec2896d36b6e4346d5000f942bdac9e","slug":"is-running-random-code-from-npm-safe-with-feross-aboukhadijeh","md_file":"/shows/705 - supper.md","created_at":"2023-11-28T00:00:30.968Z","updated_at":"2024-08-29T14:18:20.358Z","show_type":"SUPPER","guests":[{"Guest":{"github":"feross","name":"Feross Aboukhadijeh"}}],"notesFile":"/shows/705 - supper.md","displayNumber":"705","displayDate":"December 15th, 2023"},{"id":"syntax_podcast_show_00704","number":704,"title":"Stump'd JS + CSS Interview Questions","date":"2023-12-13T12:00:00.546Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_704.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott try to stump each other with JavaScript and CSS interview style questions including CSS contain, naming the 7 parts of Houdini, what ARIA stands for, 5 limitations of serverless, and more.\n\n### Show Notes\n\n* **[00:25](#t=00:25)** Welcome\n* **[01:31](#t=01:31)** Syntax Brought to you by Sentry\n* **[02:01](#t=02:01)** Explain CSS Contain and why it exists?\n* **[07:27](#t=07:27)** In CSS Grid, how would I make a grid of 3 equal columns with 20 pixels between them?\n* [Wes Bos on X: 🔥 A visual guide to getting equal width columns in CSS Grid / X](https://twitter.com/wesbos/status/1256229763225657348)\n* **[10:31](#t=10:31)** Which of the following elements are fake?\n* **[13:00](#t=13:00)** Which of the following HTML tags are deprecated?\n* **[16:38](#t=16:38)** What is the samp element?\n* **[17:27](#t=17:27)** Name the 7 parts of CSS Houdini\n* **[21:07](#t=21:07)** In JavaScript for loop with 10 items, how can you exit a loop early?\n* **[22:34](#t=22:34)** What is the difference between a pseudo-element and a pseudo-class?\n* **[25:59](#t=25:59)** How could you implement CSS :has with JavaScript?\n* **[27:56](#t=27:56)** What are two attributes that would make an SVG more accessible?\n* **[29:43](#t=29:43)** How can you stop your process from exiting if you have an unhandled rejection?\n* **[32:27](#t=32:27)** How do you prevent flex children from getting squished?\n* **[34:40](#t=34:40)** In TypeScript, what does using keyof and typeof together do?\n* **[37:19](#t=37:19)** What does ARIA stand for?\n* **[37:39](#t=37:39)** Name 5 limitations that a serverless or edge function have over traditional long-running servers?\n* **[40:38](#t=40:38)** Write an item using Flex code, not grow to fill its container, or shrink, and the item will take up only the space based on its content size.\n* **[42:03](#t=42:03)** If I'm building an application that needs to announce a change to the user, how would I do that?\n* **[43:46](#t=43:46)** Name the 5 different getElement methods on a document?\n* **[45:39](#t=45:39)** What does the CSS perspective property do?\n* **[48:23](#t=48:23)** Sick picks\n\n### Sick Picks\n\n- Scott: [Pushpin hangers](https://amzn.to/3T280mh)\n- Wes: [Niimbot Label Maker](https://amzn.to/3NrAQcn), [Bearclaw Screws](https://www.amazon.ca/laffeya-Picture-Hanging-Bearclaw-Decorations/dp/B0BDLWNH5W/ref=sr_1_6?crid=34F92PAL21FN3&keywords=bearclaw+hanger&qid=1701712316&sprefix=bear+claw+hang,aps,107&sr=8-6)\n\n\n### Shameless Plugs\n\n- Scott: [Sentry](https://sentry.io)\n- Wes: [Wes Bos Courses](https://wesbos.com/courses)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n","hash":"aff91359681f5f95ec48f2694afc387fa3fc58008b8768050f41e32fe9a020a9","slug":"stump-d-js-css-interview-questions","md_file":"/shows/704 - tasty.md","created_at":"2023-12-04T21:00:52.139Z","updated_at":"2024-08-29T14:18:20.319Z","show_type":"TASTY","guests":[],"notesFile":"/shows/704 - tasty.md","displayNumber":"704","displayDate":"December 13th, 2023"},{"id":"syntax_podcast_show_00703","number":703,"title":"The Observer Pattern","date":"2023-12-11T12:00:00.874Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_703.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott give a high level overview of the observer pattern, what is the observer, what are downsides to too many observers, and more.\n\n### Show Notes\n\n* **[00:25](#t=00:25)** Welcome\n* **[01:42](#t=01:42)** Syntax Brought to you by Sentry\n* **[02:16](#t=02:16)** High level overview\n* [Syntax 694: What's Up With Angular with Mark Techson](https://syntax.fm/show/694/what-s-up-with-angular-with-mark-techson/transcript)\n* [Godot Engine](https://godotengine.org/)\n* **[03:36](#t=03:36)** What might you observe in game development?\n* **[06:50](#t=06:50)** What is the observer?\n* **[08:11](#t=08:11)** What are some downsides to too many observers?\n* **[10:17](#t=10:17)** IntersectionObserver, MutationObserver, and PerformanceObserver\n* **[12:25](#t=12:25)** ResizeObserver\n* **[13:04](#t=13:04)** What about addEventListener?\n* [@BenLesh on Callbacks being faster than observables](https://twitter.com/BenLesh/status/1498415376283148295)\n* **[16:13](#t=16:13)** Signals are becoming a big thing\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"0a6f171edc816ca846528b577aa71f658b4e993c3edbccbdabfb489eca15ad1a","slug":"the-observer-pattern","md_file":"/shows/703 - hasty.md","created_at":"2023-11-30T00:00:07.528Z","updated_at":"2024-08-29T14:18:20.289Z","show_type":"HASTY","guests":[],"notesFile":"/shows/703 - hasty.md","displayNumber":"703","displayDate":"December 11th, 2023"},{"id":"syntax_podcast_show_00702","number":702,"title":"New + Proposed JS APIs for 2024","date":"2023-12-06T12:00:00.821Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_702.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk through new and proposed JavaScript APIs including ones related to regex, sourcemaps, structured clone, temporal, JSON modules, and more!\n\n### Show Notes\n\n- **[00:10](#t=00:10)** Welcome\n- **[01:26](#t=01:26)** Syntax Brought to you by Sentry\n- **[02:55](#t=02:55)** RegExp Escaping Proposal\n- [tc39/proposal-regex-escaping: Proposal for investigating RegExp escaping for the ECMAScript standard](https://github.com/tc39/proposal-regex-escaping)\n- **[05:25](#t=05:25)** Intl.DurationFormat\n- [tc39/proposal-intl-duration-format](https://github.com/tc39/proposal-intl-duration-format)\n- **[07:55](#t=07:55)** Standardized Sourcemaps\n- [tc39/source-map-rfc: RFCs for the source map debug format.](https://github.com/tc39/source-map-rfc)\n- **[10:43](#t=10:43)** Structured Clone\n- [structuredClone() global function - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/structuredClone)\n- **[12:54](#t=12:54)** Temporal\n- [Hasty Treat - Temporal Date Objects in JavaScript](https://syntax.fm/show/295/hasty-treat-temporal-date-objects-in-javascript)\n- [Tracking issue for syncing with IETF standardization work (req'd before implementers can ship unflagged) · Issue #1450 · tc39/proposal-temporal](https://github.com/tc39/proposal-temporal/issues/1450)\n- **[20:59](#t=20:59)** FindLast and findLastIndex\n- [tc39/proposal-array-find-from-last: Proposal for Array.prototype.findLast and Array.prototype.findLastIndex.](https://github.com/tc39/proposal-array-find-from-last)\n- **[22:27](#t=22:27)** JSON modules\n- [tc39/proposal-json-modules: Proposal to import JSON files as modules](https://github.com/tc39/proposal-json-modules)\n- **[24:46](#t=24:46)** Regex Modifiers\n- [RegExp Modifiers - June 2022.pptx - Microsoft PowerPoint Online](https://onedrive.live.com/view.aspx?resid=934F1675ED4C1638!294749&ithint=file,pptx&wdo=2&authkey=!AGkZ0bMbvAWOTbI)\n- **[26:50](#t=26:50)** Array Grouping\n- [tc39/proposal-array-grouping: A proposal to make grouping of array items easier](https://github.com/tc39/proposal-array-grouping)\n- **[30:48](#t=30:48)** Array Methods\n- [tc39/proposal-change-array-by-copy: Provides additional methods on Array.prototype and TypedArray.prototype to enable changes on the array by returning a new copy of it with the change.](https://github.com/tc39/proposal-change-array-by-copy)\n- [6 or so New Approved and Proposed JavaScript APIs](https://syntax.fm/show/654/6-or-so-new-approved-and-proposed-javascript-apis)\n- **[32:12](#t=32:12)** Promise.withResolvers\n- **[35:08](#t=35:08)** Function.prototype.memo\n- [tc39/proposal-function-memo: A TC39 proposal for function memoization in the JavaScript language.](https://github.com/tc39/proposal-function-memo)\n- **[37:48](#t=37:48)** Node has a Proposed ESM Detection flag\n- **[39:54](#t=39:54)** Node has navigator.userAgent\n- **[41:29](#t=41:29)** Built in .env support\n- **[42:52](#t=42:52)** Permissions model & test runner continues to be worked on\n- **[44:06](#t=44:06)** HTML Web charts\n- [Proposal: Web Charts · Issue #9295 · whatwg/html](https://github.com/whatwg/html/issues/9295)\n- **[45:39](#t=45:39)** autopause\n- [Add `autopause` attribute to media elements to allow automatic pausing of media · Issue #9793 · whatwg/html](https://github.com/whatwg/html/issues/9793)\n- **[46:30](#t=46:30)** Meta Tag for AI generated content\n- [Proposal: Meta Tag for AI Generated Content · Issue #9479 · whatwg/html](https://github.com/whatwg/html/issues/9479)\n- [Schema.org - Schema.org](https://schema.org/)\n- [Syntax × Sentry Swag Store – Syntax × Sentry Shop](https://sentry.shop/)\n- [Syntax - Web Development Podcast](https://syntax.fm/snackpack)\n- **[50:13](#t=50:13)** Poster frame\n- [HTML Video Element: Proposal for adding [srcset] + [posterset] + [sizes] on video element as well [posterset] on source elements · Issue #9812 · whatwg/html](https://github.com/whatwg/html/issues/9812)\n- **[50:57](#t=50:57)** Popover invoker\n- [Popover does not know what triggered it · Issue #9111 · whatwg/html](https://github.com/whatwg/html/issues/9111)\n- **[51:25](#t=51:25)** Autocomplete on 'contenteditable' Elements\n- [Autocomplete on 'contenteditable' Elements · Issue #9065 · whatwg/html](https://github.com/whatwg/html/issues/9065)\n- **[52:17](#t=52:17)** Sick Picks\n\n### Sick Picks\n\n- Scott: [Escaping Twin Flames cult documentary](https://www.netflix.com/ca/title/81615919)\n- Wes: Lao Gan Ma spicy Chili Oil\n\n### Shameless Plugs\n\n- Scott: [Sentry](https://sentry.io)\n- Wes: [Wes Bos Courses](https://wesbos.com/courses)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n","hash":"7daaac5db4c2dec74671a7e07cb8d860013b3057216c23e375d431c3f3a19743","slug":"new-proposed-js-apis-for-2024","md_file":"/shows/702 - tasty.md","created_at":"2023-11-22T18:00:52.018Z","updated_at":"2024-08-29T14:18:20.255Z","show_type":"TASTY","guests":[],"notesFile":"/shows/702 - tasty.md","displayNumber":"702","displayDate":"December 6th, 2023"},{"id":"syntax_podcast_show_00701","number":701,"title":"A11y Treats - Labels & Roles","date":"2023-12-04T12:00:00.946Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_701.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott explain ARIA, aria-label, Roles, and the overall importance of accessibility in your web projects.\n\n### Show Notes\n\n* **[00:25](#t=00:25)** Welcome\n* **[01:18](#t=01:18)** Syntax Brought to you by Sentry\n* **[01:44](#t=01:44)** What is ARIA?\n* [WAI-ARIA Roles | MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles)\n* [An in-depth guide to ARIA roles - The A11Y Project](https://www.a11yproject.com/posts/an-indepth-guide-to-aria-roles/)\n* **[02:48](#t=02:48)** What is aria-label?\n```\n// A button with an ARIA role and label\n\n```\n* **[06:36](#t=06:36)** What's the difference between a title and aria-label on a button?\n* **[08:34](#t=08:34)** Are you really going to get sued if your website isn't accessible?\n* **[11:53](#t=11:53)** What are Roles for?\n* **[16:33](#t=16:33)** 6 different types of Roles\n* **[21:25](#t=21:25)** What is aria-labelledby?\n```\n\nI agree to the Terms and Conditions.\n```\n* **[23:13](#t=23:13)** Checking your code for accessibility\n* [eslint-plugin-jsx-a11y - npm](https://www.npmjs.com/package/eslint-plugin-jsx-a11y)\n* [WAVE Web Accessibility Evaluation Tools](https://wave.webaim.org/)\n* [Polypane](https://polypane.app/)\n* **[24:31](#t=24:31)** Feedback and future show ideas\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"10cccf7fa032277abd9c5964ba968acc65288a74b3c875f62d5c79676d0e69e5","slug":"a11y-treats-labels-and-roles","md_file":"/shows/701 - hasty.md","created_at":"2023-11-24T21:00:50.950Z","updated_at":"2024-08-29T14:18:20.225Z","show_type":"HASTY","guests":[],"notesFile":"/shows/701 - hasty.md","displayNumber":"701","displayDate":"December 4th, 2023"},{"id":"syntax_podcast_show_00700","number":700,"title":"Payload is Rails for JS with TypeScript, React and Drizzle (James Mikrut)","date":"2023-12-01T11:00:00.253Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_700.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with James Mikrut about Payload, how Payload isn't just a CMS, where Payload fits in a tech stack, why they picked Drizzle for an ORM, what Payload Cloud is, and where's the Rails for JavaScript?\n\n### Show Notes\n\n- **[00:31](#t=00:31)** Welcome\n- **[02:00](#t=02:00)** Who is James Mikrut and what's the idea behind Payload?\n- **[05:22](#t=05:22)** Payload isn't just a CMS\n- [Payload](https://payloadcms.com)\n- [Payload on GitHub](https://github.com/payloadcms/payload)\n- [Payload on Twitter](https://twitter.com/payloadcms)\n- [Payload on YouTube](https://www.youtube.com/@payloadcms)\n- **[09:08](#t=09:08)** Where does Payload fit in the tech stack?\n- [KeystoneJS](https://keystonejs.com/)\n- [Supabase](https://supabase.com/)\n- [Retool](https://retool.com/)\n- **[11:22](#t=11:22)** Is Payload using TypeScript?\n- **[13:44](#t=13:44)** Why did you pick Drizzle?\n- [Drizzle ORM](https://orm.drizzle.team/)\n- **[18:08](#t=18:08)** Do you have to maintain MongoDB and Drizzle?\n- [SvelteKit](https://kit.svelte.dev/)\n- **[26:31](#t=26:31)** Does Payload have visual editing elements?\n- **[30:34](#t=30:34)** Do you build a custom UI for users?\n- **[35:10](#t=35:10)** What is Payload Cloud?\n- **[38:12](#t=38:12)** Where is the Rails for JavaScript?\n- [Next.js by Vercel](https://nextjs.org/)\n- [Laravel Spark](https://spark.laravel.com/)\n- [Deploy your Laravel PHP application painlessly](https://forge.laravel.com/)\n- [RedwoodJS: The App Framework for Startups | RedwoodJS.com](https://redwoodjs.com/)\n- **[41:39](#t=41:39)** How do you manage contributions from open source?\n- **[43:46](#t=43:46)** GitHub + AI\n- **[48:18](#t=48:18)** Syntax Brought to you by Sentry\n- [Error Management Magic: Introducing the Sentry Plugin for Payload](https://payloadcms.com/blog/error-management-magic-introducing-the-sentry-plugin-for-payload)\n- **[50:26](#t=50:26)** Supper Club questions\n\n### Shameless Plugs\n\n[Payload on GitHub](https://github.com/payloadcms/payload)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n","hash":"909803910af00164add34a7f9c6f329bce36fd9439f6cbc23273318d4a389ecb","slug":"payload-is-rails-for-js-with-typescript-react-and-drizzle-james-mikrut","md_file":"/shows/700 - supper payload.md","created_at":"2023-11-23T00:00:47.315Z","updated_at":"2024-08-29T14:18:20.165Z","show_type":"SUPPER","guests":[{"Guest":{"github":"jmikrut","name":"James Mikrut"}}],"notesFile":"/shows/700 - supper payload.md","displayNumber":"700","displayDate":"December 1st, 2023"},{"id":"syntax_podcast_show_00699","number":699,"title":"Potluck × TypeScript's Longevity × Canvas-Rendered Apps × Learning Rust × Executing Untrusted JS Code","date":"2023-11-29T12:00:00.604Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_699.mp3","youtube_url":null,"show_notes":"\nIn this potluck episode of Syntax, Wes and Scott answer your questions, including: Will TypeScript ever go away? Should I write canvas-rendered web apps? How can I execute untrusted JS code in node? How can I use continuous integration with WordPress? Any advice for learning Rust?\n\n### Show Notes\n\n- **[00:09](#t=00:09)** Welcome\n- **[01:16](#t=01:16)** How to ask questions for potluck episodes\n- [Ask a question for Syntax potluck episodes](https://syntax.fm/potluck)\n- **[02:19](#t=02:19)** Syntax Brought to you by Sentry\n- **[04:34](#t=04:34)** Will TypeScript ever go away?\n- [Migrating millions of lines of code to TypeScript](https://stripe.com/blog/migrating-to-typescript)\n- **[08:12](#t=08:12)** What is your opinion on entirely canvas-rendered web apps, such as those built with Flutter?\n- [Flutter on the Web](https://flutter.dev/multi-platform/web)\n- [Flutter Gallery](https://gallery.flutter.dev/#/)\n- [html2canvas - Screenshots with JavaScript](https://html2canvas.hertzen.com/)\n- **[13:43](#t=13:43)** Tailscale VPN is cool\n- [Tailscale · Best VPN Service for Secure Networks](https://tailscale.com/)\n- [Tunnel | Zero Trust App Connector | Cloudflare](https://www.cloudflare.com/products/tunnel/)\n- **[16:36](#t=16:36)** What is Bandcamp?\n- [Bandcamp](https://bandcamp.com/)\n- [Stream and listen to music online for free with SoundCloud](https://soundcloud.com/)\n- **[18:56](#t=18:56)** How can I execute untrusted JS code with node?\n- [WebAssembly](https://webassembly.org/)\n- [Cloudflare Workers®](https://workers.cloudflare.com/)\n- [Deno, The next-generation JavaScript runtime](https://deno.com/)\n- [Fastly](https://www.fastly.com/)\n- **[23:46](#t=23:46)** I'd love to get your thoughts on modern devops and continuous integration for building out WordPress websites.\n- [Supper Club × Fabian Kägy - Modern WordPress - Blocks, Page builders, Headless, Custom Fields](https://syntax.fm/show/598/supper-club-fabian-kaegy-modern-wordpress-blocks-page-builders-headless-custom-fields)\n- [Vite | Next Generation Frontend Tooling](https://vitejs.dev/)\n- [Alpine.js](https://alpinejs.dev/)\n- **[30:39](#t=30:39)** How do I orchestrate color adapting icons for use inline and in background images?\n- [svg.wesbos.com](https://svg.wesbos.com/)\n- [svg.wesbos.com/cat.svg](https://svg.wesbos.com/cat.svg)\n- **[35:53](#t=35:53)** Are there any publicly available libraries for web components?\n- [Shoelace: A forward-thinking library of web components.](https://shoelace.style/)\n- [Open UI](https://open-ui.org/)\n- **[40:20](#t=40:20)** What's a good project idea for learning Rust?\n- [Tauri Apps](https://tauri.app/)\n- **[45:17](#t=45:17)** Do you ever plan to do more podcasts with Scott’s wife or another psychologist / psychiatrist?\n- **[47:02](#t=47:02)** Have you tried MongoDB vector search for AI embeddings?\n- [Atlas Vector Search | MongoDB](https://www.mongodb.com/products/platform/atlas-vector-search?adgroup=155168612071&cq_cmp=20445624173&gad_source=1)\n- [Vector Database for Vector Search | Pinecone](https://www.pinecone.io/)\n- [Xata](https://xata.io/)\n- **[49:44](#t=49:44)** Syntax highlighting in VS Code\n- [Comment tagged templates - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=bierner.comment-tagged-templates)\n- **[52:38](#t=52:38)** Sick Picks\n\n### Sick Picks\n\n- Scott: [The Spider-Man of Paris (2023) - IMDb](https://www.imdb.com/title/tt29274601/)\n- Wes: [Amazon.ca : instant read digital thermometer](https://www.amazon.ca/s?k=instant+read+digital+thermometer&crid=T962EXWZQL5C&sprefix=instant+read+digital+,aps,125)\n\n### Shameless Plugs\n\n- Scott: [Sentry](https://sentry.io)\n- Wes: [Wes Bos Courses](https://wesbos.com/courses)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"a1c8905a13e66a7c13a78af3ec69364ce92ee7e6ecb13fbebc0f8539c38d2a54","slug":"potluck-typescript-s-longevity-canvas-rendered-apps-learning-rust-executing-untrusted-js-code","md_file":"/shows/699 - tasty pot.md","created_at":"2023-11-14T21:00:42.828Z","updated_at":"2024-08-29T14:18:20.131Z","show_type":"TASTY","guests":[],"notesFile":"/shows/699 - tasty pot.md","displayNumber":"699","displayDate":"November 29th, 2023"},{"id":"syntax_podcast_show_00698","number":698,"title":"Why You Should Be Using CSS @Layers","date":"2023-11-27T12:00:00.123Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_698.mp3","youtube_url":null,"show_notes":"\nWhat are @Layers in CSS, when and where should you be using them, how do you write them, and who's using them already?\n\n### Show Notes\n\n* **[00:23](#t=00:23)** Welcome\n* **[01:49](#t=01:49)** Syntax Brought to you by Sentry\n* **[02:55](#t=02:55)** Where is this supported?\n* **[07:21](#t=07:21)** How do we write layers?\n* **[10:47](#t=10:47)** How do you write your CSS?\n* **[16:20](#t=16:20)** Nesting\n* **[20:35](#t=20:35)** Who else is using @Layer?\n* [CSS Analytics - Project Wallace](https://www.projectwallace.com/)\n* [Tailwind CSS](https://tailwindcss.com/)\n* [Netlify](https://www.netlify.com/)\n* [Adam Argyle](https://nerdy.dev/)\n* [Una Kravets](https://una.im/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"51bcfbda8daf77892a7348c8507b56afeeee18b5cfed5891cd2893e45467c896","slug":"why-you-should-be-using-css-layers","md_file":"/shows/698 - syn hasty.md","created_at":"2023-11-21T00:00:08.551Z","updated_at":"2024-08-29T14:18:20.097Z","show_type":"HASTY","guests":[],"notesFile":"/shows/698 - syn hasty.md","displayNumber":"698","displayDate":"November 27th, 2023"},{"id":"syntax_podcast_show_00697","number":697,"title":"What is DevRel with Salma Alam-Naylor","date":"2023-11-24T12:00:00.123Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_697.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Salma Alam-Naylor all about her role in DevRel, what's involved in working in DevRel, avoiding burnout, which platforms to focus on, and so much more.\n\n### Show Notes\n\n- **[00:31](#t=00:31)** Welcome\n- **[01:07](#t=01:07)** Syntax Brought to you by Sentry\n- **[01:52](#t=01:52)** New jobs and onboarding\n- **[03:34](#t=03:34)** What is Devrel?\n- **[11:34](#t=11:34)** How much of devrel is using your own product? Dogfooding the service?\n- **[14:49](#t=14:49)** What are things devrel people do?\n- **[20:32](#t=20:32)** Devrel burnout issues\n- **[24:53](#t=24:53)** Once you put a number on something, you're measuring that number\n- **[29:31](#t=29:31)** Is there any way to know if devrel is working?\n- **[33:47](#t=33:47)** How could someone get into devrel?\n- **[37:37](#t=37:37)** What platforms should you focus on?\n- **[44:12](#t=44:12)** What's something devrel gets wrong?\n- **[47:50](#t=47:50)** What do you think about speaking at conferences?\n- **[51:58](#t=51:58)** What do you use to stay up on with tech?\n- **[53:59](#t=53:59)** Sick picks\n\n### Sick Picks\n\n- [Wikipedia on Hell.com](https://en.wikipedia.org/wiki/Hell.com)\n- [Web Archive of Hell.com](https://web.archive.org/web/20041215000000*/hell.com)\n- [Fffffound](https://en.wikipedia.org/wiki/FFFFOUND)\n- https://twitter.com/webdesignmuseum\n\n### Shameless Plugs\n\n- [Follow Salma on Twitch](https://www.twitch.tv/whitep4nth3r)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n","hash":"849c4d358a6b6874d5e18257f77ccdf7cb453c9916f3e4a56cf1f049c7f4cbd4","slug":"what-is-devrel-with-salma-alam-naylor","md_file":"/shows/697 - supper Salma.md","created_at":"2023-11-21T00:00:08.312Z","updated_at":"2024-08-29T14:18:20.026Z","show_type":"SUPPER","guests":[{"Guest":{"github":"whitep4nth3r","name":"Salma Alam-Naylor"}}],"notesFile":"/shows/697 - supper Salma.md","displayNumber":"697","displayDate":"November 24th, 2023"},{"id":"syntax_podcast_show_00696","number":696,"title":"How to Build a Website or App","date":"2023-11-22T12:00:00.619Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_696.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott answer a listener's question about their process for building a website in 2023. Do you start with design? With code? How do you decide on which CMS or if you need a CMS? How do you choose a backend framework? And where do you host it?\n\n### Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* **[02:12](#t=02:12)** Syntax Brought to you by Sentry\n* **[03:06](#t=03:06)** How do you build a website?\n* **[04:57](#t=04:57)** Start with the design\n* [Figma](https://www.figma.com/)\n* [Design Systems with Brad Frost](https://syntax.fm/show/682/design-systems-with-brad-frost)\n* **[11:12](#t=11:12)** Choose a Frontend / Components\n* [Pug](https://pugjs.org/api/getting-started.html)\n* [EJS ](https://ejs.co/)\n* [React](https://react.dev/)\n* [Svelte](https://svelte.dev/)\n* [Remix](https://remix.run/)\n* [Storybook](https://storybook.js.org/)\n* **[25:16](#t=25:16)** Real data or fake data?\n* [Polypane](https://polypane.app/)\n* [DrizzleORM](https://orm.drizzle.team/)\n* **[29:34](#t=29:34)** Do you need a CMS or not?\n* [Statamic](https://statamic.com/)\n* [Syntax 254: Headless CMS Break Down & Roundup](https://syntax.fm/show/254/headless-cms-break-down-and-roundup)\n* [WordPress.org](https://wordpress.org/)\n* [Astro](https://astro.build/)\n* **[35:16](#t=35:16)** Choosing a backend language or framework\n* **[39:56](#t=39:56)** Testing\n* **[44:50](#t=44:50)** Where do you host your website?\n* [Vercel](https://vercel.com)\n* [Netlify Drop](https://app.netlify.com/drop)\n* [Glitch](https://glitch.com/)\n* [CodePen](https://codepen.io/)\n* **[50:04](#t=50:04)** Sick Picks\n\n\n### Sick Picks\n\n- Scott: [Chip clips](https://amzn.to/3SmOAIp)\n- Wes: Soft close used toilet seat [Amazon Warehouse Deals](https://www.amazon.ca/b/?ie=UTF8&node=8929975011)\n\n### Shameless Plugs\n\n- Scott: [Sentry](https://sentry.io)\n- Wes: [Wes Bos Courses](https://wesbos.com/courses)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"29f3118484d18dc8a28ee2f639834ebf4c031c3c8da7efc3e5266ba48b0f078e","slug":"how-to-build-a-website-or-app","md_file":"/shows/696 - tasty building sites.md","created_at":"2023-11-09T21:00:24.419Z","updated_at":"2024-08-29T14:18:19.993Z","show_type":"TASTY","guests":[],"notesFile":"/shows/696 - tasty building sites.md","displayNumber":"696","displayDate":"November 22nd, 2023"},{"id":"syntax_podcast_show_00695","number":695,"title":"5 New CSS Features You Should Know","date":"2023-11-20T12:00:00.149Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_695.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about 5 new CSS features :nth-child(4 of .neat), CSS Motion Path, Scroll Snap, Scroll Driven Animations, and Margin Trim.\n\n### Show Notes\n\n* **[00:25](#t=00:25)** Welcome\n* **[01:10](#t=01:10)** :nth-child(4 of .neat)\n* [selector list argument of :nth-child and :nth-last-child CSS pseudo-classes | Can I use](https://caniuse.com/css-nth-child-of)\n* **[06:43](#t=06:43)** CSS Motion Path\n* **[10:38](#t=10:38)** Scroll Snap\n* [Practical CSS Scroll Snapping](https://css-tricks.com/practical-css-scroll-snapping/)\n* **[14:36](#t=14:36)** Scroll Driven Animations\n* [Scroll-driven Animations](https://scroll-driven-animations.style/)\n* [Supper Club × Bramus Van Damme on CSS](https://syntax.fm/show/619/supper-club-bramus-van-damme-on-css)\n* **[16:58](#t=16:58)** Margin Trim\n\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"3171914555ec0e0423900ddc769fd2776906ac973bed88c0fb6058fe3a758dbc","slug":"5-new-css-features-you-should-know","md_file":"/shows/695 - new CSS.md","created_at":"2023-11-13T21:00:50.718Z","updated_at":"2024-08-29T14:18:19.955Z","show_type":"HASTY","guests":[],"notesFile":"/shows/695 - new CSS.md","displayNumber":"695","displayDate":"November 20th, 2023"},{"id":"syntax_podcast_show_00694","number":694,"title":"What's Up With Angular with Mark Techson","date":"2023-11-17T12:00:00.247Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_694.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Mark Techson about the recent Angular announcements and updates. How did Angular implement signals? What's new in Angular 17? How does Angular handle CSS or UI component libraries?\n\n### Show Notes\n\n- **[00:30](#t=00:30)** Welcome\n- **[01:11](#t=01:11)** Syntax Brought to you by Sentry\n- **[01:39](#t=01:39)** What's changing with Angular?\n- [Special Angular Event](https://www.youtube.com/watch?v=Wq6GpTZ7AX0)\n- [Angular](https://angular.dev/)\n- **[03:19](#t=03:19)** What happened to Angular.js, and what's happening now?\n- [StackBlitz](https://stackblitz.com/)\n- [Analog | Analog](https://analogjs.org/)\n- [Supper Club × Self Hosted Backend-as-a-service with Brandon Roberts](https://syntax.fm/*how/502/supper-club-self-hosted-backend-as-a-service-with-brandon-roberts)\n- **[08:19](#t=08:19)** What makes Angular special?\n- **[13:21](#t=13:21)** How did Angular implement signals?\n- **[17:17](#t=17:17)** What is a computed value?\n- **[18:54](#t=18:54)** What's new in Angular 17?\n- **[25:10](#t=25:10)** What's the meta framework story with Angular?\n- [Angular Material UI component library](https://material.angular.io/)\n- [CDK | Angular Material](https://material.angular.io/cdk/categories)\n- [Angular - Angular elements overview](https://angular.io/guide/elements)\n- **[27:40](#t=27:40)** Adding close to the metal if statements\n- **[31:03](#t=31:03)** View transitions\n- **[32:34](#t=32:34)** How does Angular handle CSS?\n- **[39:31](#t=39:31)** How does Angular integrate with UI component libraries?\n- **[41:07](#t=41:07)** What are headless components?\n- **[41:45](#t=41:45)** Does Angular work well with web components?\n- **[42:43](#t=42:43)** Supper Club Questions\n- [Accessibility in Visual Studio Code](https://code.visualstudio.com/docs/editor/*ccessibility#:~:text=level%20by%2020%25.-,High%20Contrast%20theme,*elect%20the%20High%20Contrast%20theme.)\n- [Technology Radar Thoughtworks](https://www.thoughtworks.com/en-ca/radar)\n- [RedMonk – The developer-focused analyst firm](https://redmonk.com/)\n- [Mermaid | Diagramming and charting tool](https://mermaid.js.org/)\n- **[49:38](#t=49:38)** Sick Picks\n\n### Sick Picks\n\n- [Godot Engine - Free and open source 2D and 3D game engine](https://godotengine.org/)\n\n### Shameless Plugs\n\n- [#goodmorningwithmark on Twitter](https://twitter.com/search?q=%23goodmorningwithmark&src=typed_query)\n- [#goodmorningwithmark on YouTube](https://www.youtube.com/results?search_query=%23goodmorningwithmark)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n","hash":"cbd4a160f9d5df232f2837ccb47e1770bb7bdcc1f87f796eadc0cf833136be10","slug":"what-s-up-with-angular-with-mark-techson","md_file":"/shows/694 - supper.md","created_at":"2023-11-10T18:00:13.233Z","updated_at":"2024-08-29T14:18:19.881Z","show_type":"SUPPER","guests":[{"Guest":{"github":"marktechson","name":"Mark Techson"}}],"notesFile":"/shows/694 - supper.md","displayNumber":"694","displayDate":"November 17th, 2023"},{"id":"syntax_podcast_show_00693","number":693,"title":"Lessons Learned & Bugs Fixed from Launching Syntax.fm","date":"2023-11-15T12:00:00.101Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_693.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about the lessons they learned while launching the new Syntax website including launching now, transcription bugs, error monitoring, black text on black backgrounds, and more.\n\n### Show Notes\n\n* **[00:10](#t=00:10)** Welcome to Syntax\n* **[01:41](#t=01:41)** Syntax Brought to you by Sentry\n* **[02:43](#t=02:43)** Don't wait. Launch!\n* **[04:28](#t=04:28)** Transcript bug\n* [Most Powerful Speech-to-Text API | Deepgram](https://deepgram.com/)\n* **[09:01](#t=09:01)** Error monitoring is a must\n* **[12:36](#t=12:36)** Timestamp error\n* **[16:20](#t=16:20)** Black text on black background might hide things\n* **[17:33](#t=17:33)** WASM Vercel file system\n* **[21:18](#t=21:18)** Things have gotten easier to launch\n* [PlanetScale: The world’s most advanced database platform — PlanetScale](https://planetscale.com/)\n* **[23:36](#t=23:36)** Switching from OpenAI to Anthropic Claude and AI Responses aren’t always JSON\n* **[25:34](#t=25:34)** Local dev is fast\n* [Navigation API](https://developer.mozilla.org/en-US/docs/Web/API/Navigation_API)\n* **[31:37](#t=31:37)** Mind your payloads\n* **[32:41](#t=32:41)** GitHub Milestones\n* **[33:57](#t=33:57)** Almost forgot the Robots.txt \n* **[36:17](#t=36:17)** Chron job timeout\n* [Inngest](https://www.inngest.com/)\n* **[40:06](#t=40:06)** TypeScript errors don’t need to be zero to launch\n* **[42:25](#t=42:25)** GitHub Actions pipeline bug\n* **[43:23](#t=43:23)** Basic testing will do\n* [Playwright](https://playwright.dev/)\n* **[44:56](#t=44:56)** Have a designer to work with\n* [Airbase](https://www.airbase.com/)\n* **[52:07](#t=52:07)** Sick Picks\n\n### Sick Picks\n\n- Scott: [Dog Poop Bags With Dispenser](https://amzn.to/3SbPS9e)\n- Wes: Resistance band\n\n### Shameless Plugs\n\n- Scott: [Sentry](https://sentry.io)\n- Wes: [Wes Bos Courses](https://wesbos.com/courses)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"2460afece846faed8e1dd663ee13294c504651ef94720651a215e5be6b8ae128","slug":"lessons-learned-and-bugs-fixed-from-launching-syntax-fm","md_file":"/shows/693 - tasty.md","created_at":"2023-11-06T21:00:35.257Z","updated_at":"2024-08-29T14:18:19.850Z","show_type":"TASTY","guests":[],"notesFile":"/shows/693 - tasty.md","displayNumber":"693","displayDate":"November 15th, 2023"},{"id":"syntax_podcast_show_00692","number":692,"title":"You Need Stale While Revalidate","date":"2023-11-13T12:00:00.396Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_692.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott explain what Stale While Revalidate is, why you should use it, and explore whether you should use it all the time on all the things.\n\n### Show Notes\n\n* **[00:25](#t=00:25)** Welcome\n* **[01:05](#t=01:05)** Syntax Brought to you by Sentry\n* **[01:34](#t=01:34)** What is Stale While Revalidate?\n* **[03:13](#t=03:13)** Why is caching important?\n* [Max age calculator](https://svelte.dev/repl/a779692677d44146b9118e0008cbb4d0?version=3.48.0)\n* [Can I Use](https://caniuse.com/mdn-http_headers_cache-control_stale-while-revalidate)\n* **[05:09](#t=05:09)** Where does a cache live?\n* **[07:05](#t=07:05)** Limit how often an API is being hit\n* **[11:51](#t=11:51)** What about Stale while Revalidate?\n* **[18:30](#t=18:30)** Why wouldn't you just use Stale While Invalidate on everything?\n* [Syntax 484: Cache Control Headers Explained](https://syntax.fm/show/464/cache-control-headers-explained)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"a8c25953c7cc3421642194e41995148e7de207eddf745179c3cfd1d4ed8184f3","slug":"you-need-stale-while-revalidate","md_file":"/shows/692 - hasty cache.md","created_at":"2023-11-06T18:00:14.055Z","updated_at":"2024-08-29T14:18:19.820Z","show_type":"HASTY","guests":[],"notesFile":"/shows/692 - hasty cache.md","displayNumber":"692","displayDate":"November 13th, 2023"},{"id":"syntax_podcast_show_00691","number":691,"title":"Cloudflare Workers Are Next Level With Rita Kozlov And Brendan Irvine-Broque","date":"2023-11-10T12:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_691.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Rita Kozlov And Brendan Irvine-Broque about Cloudflare Workers, Cloudflare AI, browser rendering API, Cloudflare's D1 database, WinterCG, miniflare, and more!\n\n### Show Notes\n\n- **[00:32](#t=00:32)** Welcome\n- **[01:53](#t=01:53)** Syntax Brought to you by Sentry\n- **[02:20](#t=02:20)** What are Cloudflare Workers?\n- [Announcing WinterJS](https://wasmer.io/posts/announcing-winterjs-service-workers)\n- [Cloudflare Workers®](https://workers.cloudflare.com/)\n- [Puppeteer | Puppeteer](https://pptr.dev/)\n- **[06:23](#t=06:23)** How long did Workers take to ship?\n- **[07:31](#t=07:31)** Can you run your entire business on Cloudflare Workers?\n- **[10:52](#t=10:52)** Interesting use cases for Cloudflare Workers\n- **[12:33](#t=12:33)** What makes the edge important?\n- **[18:05](#t=18:05)** Managing GDPR compliance\n- **[19:02](#t=19:02)** What are the tradeoffs of building with Cloudflare Workers?\n- [Cloudflare Queues](https://developers.cloudflare.com/queues/)\n- **[20:22](#t=20:22)** How does Workers pricing work?\n- **[26:54](#t=26:54)** What are situations where you might need longer times?\n- **[28:50](#t=28:50)** Browser rendering API\n- [Browser Rendering docs](https://developers.cloudflare.com/browser-rendering/)\n- **[29:43](#t=29:43)** What is Cloudflare D1 database product?\n- [Cloudflare D1](https://developers.cloudflare.com/d1/)\n- **[31:05](#t=31:05)** Cloudflare Hyperdrive\n- [Hyperdrive](https://developers.cloudflare.com/hyperdrive/)\n- [“Serverless” Databases](https://syntax.fm/show/551/serverless-databases/transcript)\n- **[34:27](#t=34:27)** Cloudflare Workers don't use a Node.js runtime\n- [Introducing workerd: the Open Source Workers runtime](https://blog.cloudflare.com/workerd-open-source-workers-runtime/)\n- **[37:13](#t=37:13)** What is WinterCG?\n- [WinterCG](https://wintercg.org/)\n- **[45:09](#t=45:09)** Will we ever see a standard for server routing?\n- [TCP sockets · Cloudflare Workers docs](https://developers.cloudflare.com/workers/runtime-apis/tcp-sockets/)\n- **[49:30](#t=49:30)** What is miniflare?\n- [🔥 Miniflare · Miniflare](https://miniflare.dev/)\n- **[54:05](#t=54:05)** Can I run Python on Cloudflare?\n- **[55:49](#t=55:49)** Cloudflare AI\n- [Partnering with Hugging Face to make deploying AI easier](https://blog.cloudflare.com/partnering-with-hugging-face-deploying-ai-easier-affordable/)\n- [Cloudflare + AI](https://ai.cloudflare.com/)\n- [WebGPU API](https://developer.mozilla.org/en-US/docs/Web/API/WebGPU_API)\n- [Cache · Cloudflare Workers docs](https://developers.cloudflare.com/workers/runtime-apis/cache/)\n- **[57:04](#t=57:04)** Supper Club questions\n- **[59:38](#t=59:38)** Sick Picks\n\n### Sick Picks\n\n- [Get a bench scrape](https://www.amazon.com/s?k=bench+scrape&crid=BJM5NCYAM05R&sprefix=bench+scrape,aps,114)\n\n### Shameless Plugs\n\n- [Cloudflare Discord](https://discord.com/invite/cloudflaredev)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n","hash":"ac05d2048ed3c5d0332ce2115cd60880c5315032c27d7c93080a7003e5ec43f5","slug":"cloudflare-workers-are-next-level-with-rita-kozlov-and-brendan-irvine-broque","md_file":"/shows/691 - supper.md","created_at":"2023-11-03T13:46:54.074Z","updated_at":"2024-08-29T14:18:19.745Z","show_type":"SUPPER","guests":[{"Guest":{"github":"irvinebroque","name":"Brendan Irvine-Broque"}},{"Guest":{"github":"rita3ko","name":"Rita Kozlov"}}],"notesFile":"/shows/691 - supper.md","displayNumber":"691","displayDate":"November 10th, 2023"},{"id":"syntax_podcast_show_00690","number":690,"title":"How To Dark Mode and Beyond","date":"2023-11-08T13:00:00.939Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_690_v2.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about the process they are using for extending the Syntax website with themes, including a dark mode and secret custom themes. They also talk about issues encountered with theming and CSS, including flashes of un-themed content.\n\n### Show Notes\n\n- **[00:00](#t=00:00)** Syntax + Sentry Announcement!\n- **[01:35](#t=01:35)** Welcome\n- **[02:23](#t=02:23)** Syntax Brought to you by Sentry\n- **[03:16](#t=03:16)** How to implement a theme\n- **[10:27](#t=10:27)** Writing the CSS\n- **[11:38](#t=11:38)** Glasses wearers protip\n- **[13:02](#t=13:02)** Class on the body and server side rendering issue\n- **[14:02](#t=14:02)** CSS Variables\n- **[15:05](#t=15:05)** Color variables in CSS\n- **[21:07](#t=21:07)** Working in half pixel sizes\n- **[22:40](#t=22:40)** Variable usage\n- **[25:23](#t=25:23)** Naming variables after what they style\n- **[30:42](#t=30:42)** Component level variables\n- **[33:27](#t=33:27)** Using zones\n- **[38:41](#t=38:41)** Themes should be defined as light or dark\n- **[39:20](#t=39:20)** Issues: Moving from light to dark\n- **[42:29](#t=42:29)** Issues: Drop shadow in dark mode\n- **[44:00](#t=44:00)** Issues: Flash of unthemed content\n- **[44:40](#t=44:40)** Issues: Opacity values\n- **[49:45](#t=49:45)** Issues: SVG need change color\n- **[55:56](#t=55:56)** Help is on the way!\n- **[59:57](#t=59:57)** SIIIIICK ××× PIIIICKS ×××\n\n* [website/src/styles/themes/level-up.css at v2](https://github.com/syntaxfm/website/blob/v2/src/styles/themes/level-up.css)\n* [The 2023 State of CSS Survey Part 2 × CSS Frameworks × Tooling × Browser Usage](https://syntax.fm/show/678/the-2023-state-of-css-survey-part-2-css-frameworks-tooling-browser-usage)\n* [\"color-contrast\" | Can I use... Support tables for HTML5, CSS3, etc](https://caniuse.com/?search=color-contrast)\n* [The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark() – Bram.us](https://www.bram.us/2023/10/09/the-future-of-css-easy-light-dark-mode-color-switching-with-light-dark/)\n\n### ××× SIIIIICK ××× PIIIICKS ×××\n\n- Scott: [Kala (@engineer.everything)](https://www.tiktok.com/@engineer.everything)\n\n### Shameless Plugs\n\n- Scott: [Sentry](https://sentry.io)\n- Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n","hash":"8c2fbc9e48d855314554a971e1bd45950df4c5702e1cf52eb3f320a44c50e7d0","slug":"how-to-dark-mode-and-beyond","md_file":"/shows/690 - Tasty Dark mode.md","created_at":"2023-10-25T15:22:59.465Z","updated_at":"2024-08-29T14:18:19.712Z","show_type":"TASTY","guests":[],"notesFile":"/shows/690 - Tasty Dark mode.md","displayNumber":"690","displayDate":"November 8th, 2023"},{"id":"syntax_podcast_show_00689","number":689,"title":"You Should Be Using JavaScript Maps & Sets","date":"2023-11-06T12:00:00.311Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_689.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about why you should be using JavaScript maps sets, whether you can access them directly, what makes them great, and what weak versions of both are.\n\n### Show Notes\n\n* **[00:26](#t=00:26)** Welcome\n* **[01:34](#t=01:34)** Syntax Brought to you by Sentry\n* **[01:54](#t=01:54)** What makes Maps a spicy buffalo object?\n* **[07:46](#t=07:46)** API of Map\n* **[08:51](#t=08:51)** Looping over items in a Map\n* **[09:27](#t=09:27)** Can you change the size of a map after it's been created?\n* **[10:07](#t=10:07)** Can you access properties directly?\n* **[12:13](#t=12:13)** Where have we used a map as a cache?\n* **[13:32](#t=13:32)** What makes a set an array honey garlic array?\n* **[17:28](#t=17:28)** When should you be using sets instead of an array?\n* [Proposed Highlight API is built on Sets](https://developer.mozilla.org/en-US/docs/Web/API/Highlight)\n* **[21:47](#t=21:47)** Can you spread sets like an array?\n* **[22:40](#t=22:40)** Weak versions of map and set\n* [WeakMap and Garbage collection](https://github.com/wesbos/es6-articles/blob/master/66%20-%20WeakMap%20and%20Garbage%20Collection.md)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)","hash":"d3eecc5defd6f7e3c9949d2fefcb3889fedacb2339f63c4cf935b91454ec0027","slug":"you-should-be-using-javascript-maps-and-sets","md_file":"/shows/689 - hasty.md","created_at":"2023-11-03T13:46:54.037Z","updated_at":"2024-08-29T14:18:19.680Z","show_type":"HASTY","guests":[],"notesFile":"/shows/689 - hasty.md","displayNumber":"689","displayDate":"November 6th, 2023"},{"id":"syntax_podcast_show_00688","number":688,"title":"Ex-npm Employee Making a New Package Manager?! Vlt with Darcy Clarke","date":"2023-11-03T12:00:00.605Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_688.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Darcy Clarke about his career path in tech, working with Wes back in the day, why he decided to build vlt volt, and the biggest sick pick list yet!\n\n### Show Notes\n\n- **[00:32](#t=00:32)** Welcome\n- **[01:38](#t=01:38)** Building a tweet wall back in the day\n- **[08:54](#t=08:54)** How did you land at npm?\n- [npm](https://www.npmjs.com/)\n- **[19:40](#t=19:40)** Why do we need another package manager and registry?\n- **[22:11](#t=22:11)** What is vlt volt?\n- [vlt: a new home for open source](https://www.vlt.sh/)\n- [vlt /vōlt/ (@vltpkg) / X](https://twitter.com/vltpkg)\n- [Shipping ESM with Mark Erikson](https://syntax.fm/show/661/supper-club-shipping-esm-with-mark-erikson)\n- [Bun](https://bun.sh/)\n- [Yarn](https://yarnpkg.com/)\n- [Nx](https://nx.dev/)\n- **[27:18](#t=27:18)** Do you see a future where we don't pre-compile before shipping?\n- **[29:32](#t=29:32)** Why would pnpm be faster than npm?\n- **[31:14](#t=31:14)** What are the problems with symlinking?\n- **[33:08](#t=33:08)** What's happening with Yarn?\n- [Verdaccio](https://verdaccio.org/)\n- [Cloudsmith](https://cloudsmith.com/)\n- [jfrong](https://jfrog.com/)\n- [Sonatype](https://www.sonatype.com/products/sonatype-nexus-repository)\n- [socket.dev](https://socket.dev/)\n- [Snyk.io](https://snyk.io/)\n- [Dependency Confusion](https://medium.com/@alex.birsan/dependency-confusion-4a5d60fec610)\n- **[37:42](#t=37:42)** What do you think about config files?\n- [antfu Config of File Nesting for VS Code](https://github.com/antfu/vscode-file-nesting-config)\n- [The massive bug at the heart of the npm ecosystem](https://blog.vlt.sh/blog/the-massive-hole-in-the-npm-ecosystem)\n- [WebTorrent](https://webtorrent.io/)\n- **[41:02](#t=41:02)** VS Code tip - file nesting patterns\n- **[41:59](#t=41:59)** How does on-prem registry work?\n- **[47:29](#t=47:29)** Where does Socket.dev and Snyk security fit?\n- **[52:46](#t=52:46)** Sick Picks\n- **[1:04:41](#t=01:04:41)** How did you get vlt.sh?\n- **[1:05:30](#t=01:05:30)** How did you get @Darcy?\n\n### Sick Picks\n\n- [Flat Coat Goldendoodle](https://doodledoods.com/flat-coat-goldendoodle-unfurnished/)\n- [Scientific American](https://www.scientificamerican.com/)\n- [Nespresso](https://www.nespresso.com/us/en/)\n- [BlackBerry (2023) - IMDb](https://www.imdb.com/title/tt21867434/)\n- [BlackBerry (2023) Letterboxd](https://letterboxd.com/film/blackberry-2023/)\n- [Matthias Wandel](https://www.youtube.com/@Matthiaswandel/search?query=movie)\n- [Blink-182 Official Site](https://www.blink182.com/)\n- [Moneen](https://en.wikipedia.org/wiki/Moneen)\n- [Bring Me The Horizon](https://www.bmthofficial.com/)\n\n### Shameless Plugs\n\n- [vlt: a new home for open source](https://www.vlt.sh/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n","hash":"afebdce9e3ea173b9b9e7798c94bfd1d04011fed640b92bed029eaa2c15ad50b","slug":"ex-npm-employee-making-a-new-package-manager-vlt-with-darcy-clarke","md_file":"/shows/688 - supper Darcy.md","created_at":"2023-11-03T13:46:53.903Z","updated_at":"2024-08-29T14:18:19.610Z","show_type":"SUPPER","guests":[{"Guest":{"github":"darcyclarke","name":"Darcy Clarke"}}],"notesFile":"/shows/688 - supper Darcy.md","displayNumber":"688","displayDate":"November 3rd, 2023"},{"id":"syntax_podcast_show_00687","number":687,"title":"Hosting NextJS × Spicy Sidedishes × Modern Forms × Abandoning TypeScript","date":"2023-11-01T12:00:00.120Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_687.mp3","youtube_url":null,"show_notes":"\nIn this potluck episode of Syntax, Wes and Scott answer your questions about hosting NextJS, spicy sidedishes, putting forms in modern websites, why is everyone abandoning TypeScript, CSS Survey follow up, do devs need to be into CSS, and more!\n\n## Show Notes\n\n- **[00:10](#t=00:10)** How to submit a question to Syntax\n- [Syntax Potluck Listener Questions](https://docs.google.com/forms/d/e/1FAIpQLSfQlAo1wXHiJMySdU-h8QMtfoz92aMS9eycEHXB6eRCLh8KHA/viewform?pli=1)\n- **[00:45](#t=00:45)** Syntax meet up in Toronto\n- **[02:11](#t=02:11)** Syntax Brought to you by Sentry\n- **[02:36](#t=02:36)** Vendor lock in with NextJS?\n- [Next.js by Vercel](https://nextjs.org/)\n- [Vercel](https://vercel.com/)\n- [SST](https://sst.dev/)\n- [Supper Club × Next.js on AWS + Serverless with Dax Raad — Syntax Podcast 589](https://syntax.fm/show/589/supper-club-next-js-on-aws-serverless-with-dax-raad)\n- [Cloudflare Pages](https://pages.cloudflare.com/)\n- [Netlify](https://www.netlify.com/)\n- [Open source Next.js serverless adapter](https://github.com/sst/open-next)\n- **[09:48](#t=09:48)** 🌶️ Spicy Sidedish: Stop calling Firefox the new IE\n- [Jen Simmons](https://jensimmons.com/)\n- **[16:40](#t=16:40)** Can you compare Database as a service and provide your recommendation and suggestions?\n- [“Serverless” Databases — Syntax Podcast 551](https://syntax.fm/show/551/serverless-databases)\n- [PlanetScale](https://planetscale.com/)\n- [Firebase](https://firebase.google.com/)\n- **[20:00](#t=20:00)** How do I do native forms outside of CMS like WordPress?\n- [Builder.io](https://www.builder.io/)\n- **[28:01](#t=28:01)** Why have Svelte and Turbo abandoned Typescript?\n- **[32:17](#t=32:17)** Why are companies hesitant to migrate to Next?\n- **[33:36](#t=33:36)** Is React Native dead?\n- **[38:33](#t=38:33)** Do I use the keyword \"new\" when throwing an Error or not?\n- **[41:59](#t=41:59)** `touch-action` use case\n- [Announcing Quina](https://joshcollinsworth.com/blog/announcing-quina-my-first-app)\n- [Quina - Menu](https://quina.app/)\n- [Announcing Hondo](https://joshcollinsworth.com/blog/announcing-hondo)\n- [Hondo - a word game in 100 words or less](https://www.playhondo.com/)\n- **[42:57](#t=42:57)** Subgrid and the :has selector usage\n- **[46:02](#t=46:02)** Is it okay to be a front end developer and not be as interested in CSS?\n- [Tool Academy (American TV series)]()\n- **[51:12](#t=51:12)** Could you explain what are workers, processes, jobs, tasks, and deamons?\n- **[56:29](#t=56:29)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- Scott: [Infamous International: The Pink Panthers Story](https://wondery.com/shows/infamous-international-the-pink-panthers-story/#:~:text=The%20Pink%20Panthers%20are%20the,but%20net%20millions.)\n- Wes: [PowerBlock Adjustable Dumbbells For Home Gym & Commercial Use](https://powerblock.com/)\n- [Syntax episode 3](https://beta.syntax.fm/shows/3/css-preprocessors-and-structuring-css)\n\n## Shameless Plugs\n\n- Scott: [Syntax on TikTok](https://www.tiktok.com/@syntaxfm)\n- Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"5cde22325c3a7431d8386462a518220b9c69bd507d8b1dbc3f7b47b9295ee943","slug":"hosting-nextjs-spicy-sidedishes-modern-forms-abandoning-typescript","md_file":"/shows/687 - tasty.md","created_at":"2023-10-20T14:29:56.492Z","updated_at":"2024-08-29T14:18:19.575Z","show_type":"TASTY","guests":[],"notesFile":"/shows/687 - tasty.md","displayNumber":"687","displayDate":"November 1st, 2023"},{"id":"syntax_podcast_show_00686","number":686,"title":"We Need Your Help With The Secret Sauce","date":"2023-10-30T12:00:00.061Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_686.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about the secret sauce that's going into the creation of the new Syntax.fm website including the styling, search, tooling, database, hosting, and more.\n\n## Show Notes\n\n- **[00:21:15](#t=00:21:15)** Welcome\n- **[01:10:11](#t=01:10:11)** Where did the name \"Secret Sauce\" come from?\n- **[03:16:00](#t=03:16:00)** Syntax Brought to you by Sentry\n- **[04:32:11](#t=04:32:11)** What Syntax.fm is built in?\n- [SvelteKit • Web development, streamlined](https://kit.svelte.dev/)\n- [muxinc/media-chrome](https://github.com/muxinc/media-chrome)\n- [Media Chrome Docs](https://www.media-chrome.org/)\n- **[07:24:01](#t=07:24:01)** How we're doing search\n- [flexsearch - npm](https://www.npmjs.com/package/flexsearch)\n- **[12:22:20](#t=12:22:20)** Styling\n- [Prettier · Opinionated Code Formatter](https://prettier.io/)\n- [PostCSS - a tool for transforming CSS with JavaScript](https://postcss.org/)\n- **[16:00:05](#t=16:00:05)** Tooling\n- [Fast, disk space efficient package manager | pnpm](https://pnpm.io/)\n- **[18:55:11](#t=18:55:11)** Database\n- [Prisma | Next-generation ORM for Node.js & TypeScript](https://www.prisma.io/)\n- **[21:11:11](#t=21:11:11)** Services\n- [Deepgram](https://deepgram.com/)\n- [OpenAI](https://openai.com/)\n- [Anthropic \\ Introducing Claude](https://www.anthropic.com/index/introducing-claude)\n- **[24:34:11](#t=24:34:11)** Hosting\n- [Vercel: Develop. Preview. Ship. For the best frontend teams](https://vercel.com/)\n- [PlanetScale: The world’s most advanced database platform — PlanetScale](https://planetscale.com/)\n- [Cloudflare - The Web Performance & Security Company | Cloudflare](https://www.cloudflare.com/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"3d2ff37d053deee448d845570ec5d68d7c05027d9d1a186805f1c6dfed448d87","slug":"we-need-your-help-with-the-secret-sauce","md_file":"/shows/686 - hasty secret.md","created_at":"2023-10-20T14:29:56.446Z","updated_at":"2024-08-29T14:18:19.541Z","show_type":"HASTY","guests":[],"notesFile":"/shows/686 - hasty secret.md","displayNumber":"686","displayDate":"October 30th, 2023"},{"id":"syntax_podcast_show_00685","number":685,"title":"Jason Lengstorf on Live Streaming, Creating Content, and Building a Studio Space","date":"2023-10-27T12:00:00.510Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_685.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Jason Lengstorf about his journey in video creation, live streaming, and tech education. What's up with Jason's new studio? How does he prep for a live stream?\n\n### Show Notes\n\n- **[00:32](#t=00:32)** Welcome\n- **[02:21](#t=02:21)** Syntax Brought to you by Sentry\n- **[02:39](#t=02:39)** Who is Jason Lengstorf?\n- **[05:43](#t=05:43)** Why did you decide to go full time on Learn with Jason?\n- **[10:04](#t=10:04)** Jason's new YouTube series idea\n- **[13:36](#t=13:36)** Jason gets a special delivery\n- **[14:30](#t=14:30)** What's in Jason's new studio?\n- **[20:14](#t=20:14)** What's the ideal medium for content in 2023?\n- **[24:28](#t=24:28)** Treat decisions as forever, for now.\n- **[26:01](#t=26:01)** Is live streaming as difficult to get into as it seems?\n- **[29:21](#t=29:21)** How do you prepare for a live stream?\n- **[32:58](#t=32:58)** How do you decide what to create?\n- **[38:23](#t=38:23)** How do you feel about React?\n- **[40:21](#t=40:21)** What are your thoughts on AI?\n- **[49:08](#t=49:08)** Supper Club questions\n- **[56:25](#t=56:25)** Sick Picks\n\n* [Sarah Drasner's Site](https://sarah.dev/)\n* [Animation With Svelte (with Scott Tolinski) — Learn With Jason](https://www.youtube.com/watch?v=vxCWZlVLEcY)\n* [Gatsby](https://www.gatsbyjs.com/)\n* [Netlify](https://www.netlify.com/)\n* [Jessica Kobeissi](https://www.youtube.com/jessicakobeissi)\n* [ANDREW HUANG](https://www.youtube.com/channel/UCdcemy56JtVTrsFIOoqvV8g)\n* [Theo Browne](https://t3.gg/)\n* [Cassidy Williams](https://cassidoo.co/)\n* [Bytes - The Best JavaScript Newsletter](https://bytes.dev/)\n* [ZSA Moonlander:](https://www.zsa.io/moonlander/)\n* [ErgoDox EZ](https://ergodox-ez.com/)\n* [Operator Fonts](https://www.typography.com/fonts/operator/overview/)\n* [Night Owl](https://marketplace.visualstudio.com/items?itemName=sdras.night-owl)\n* [SyntaxFM by SyntaxFM](https://vscodethemes.com/e/syntaxfm.syntaxfm/syntax-fm)\n* [MD IO](https://mass-driver.com/typefaces/md-io)\n* [ILME-FX3 | Interchangeable-lens Cameras](https://www.sony.ca/en/interchangeable-lens-cameras/products/ilme-fx3)\n* [FE 24-70 mm F2.8 GM](https://www.sony.ca/en/electronics/camera-lenses/sel2470gm)\n\n### Sick Picks\n\n- [Synergy - Share one mouse & keyboard across computers](https://symless.com/synergy)\n\n### Shameless Plugs\n\n[LearnWithJason.dev: Learn. Build. Grow. Together.](https://www.learnwithjason.dev/)\n\n### Hit us up on Socials!\n\nSyntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)\n\nWes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)\n\nScott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)\n","hash":"cd8f50bd545244e7950fc6484fa151cbdc84b072ae43e598e8973f9e16abfa5c","slug":"jason-lengstorf-on-live-streaming-creating-content-and-building-a-studio-space","md_file":"/shows/685 - supper Jason.md","created_at":"2023-10-27T15:58:23.386Z","updated_at":"2024-08-29T14:18:19.463Z","show_type":"SUPPER","guests":[{"Guest":{"github":"learnwithjason","name":"Jason Lengstorf"}}],"notesFile":"/shows/685 - supper Jason.md","displayNumber":"685","displayDate":"October 27th, 2023"},{"id":"syntax_podcast_show_00684","number":684,"title":"Spooky Coding Horror Stories 2023 - Part 2","date":"2023-10-25T12:00:00.009Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_684.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott relate even more spooky listener submitted coding horrors including crypto copy paste, Big Brother bug, losing $50,000, 2,000 SMS, a $20,000 hour, and more.\n\n## Show Notes\n\n- **[00:09](#t=00:09)** Velcome to Synax\n- **[01:09](#t=01:09)** Syntax Brought to you by Sentry\n- **[01:36](#t=01:36)** Stories are anonymous!\n- **[01:57](#t=01:57)** Crypto copy + paste\n- **[03:48](#t=03:48)** Big Brother Bug\n- **[07:00](#t=07:00)** One of 6 laptops that can fix npm\n- **[07:57](#t=07:57)** Auto-submitting payments\n- **[09:42](#t=09:42)** 40,000 orders shipped and refunded\n- **[11:16](#t=11:16)** Dropping the analytics database\n- **[11:40](#t=11:40)** dev was actually production\n- **[12:40](#t=12:40)** Updating the DNS\n- **[13:40](#t=13:40)** Losing ~$50,000\n- **[15:30](#t=15:30)** Clearing 80 million records\n- **[16:21](#t=16:21)** Web chat DDoS\n- **[18:00](#t=18:00)** URL Shortener #$@%#\n- [Ontario's rejected licence plates for 2022 | CP24.com](https://www.cp24.com/news/these-are-ontario-s-rejected-licence-plates-from-2022-1.6217558)\n- [Boonta Vista: A \"political\" podcast for \"smart\" people](https://www.boontavista.com/)\n- **[21:12](#t=21:12)** Sending an email to 20,000 users\n- **[21:42](#t=21:42)** Moving code to GitHub\n- **[23:32](#t=23:32)** \"Lorem sale\"\n- **[26:08](#t=26:08)** 2,000 SMS messages\n- **[27:00](#t=27:00)** International shipment of kiosks\n- **[28:19](#t=28:19)** Crashing production\n- [Slow DB Queries | Sentry Documentation](https://docs.sentry.io/product/issues/issue-details/performance-issues/slow-db-queries/)\n- **[31:01](#t=31:01)** Hitting customers credit card limit\n- **[32:01](#t=32:01)** Infinite redirect loop\n- **[32:53](#t=32:53)** My first commit\n- **[33:23](#t=33:23)** Augmented reality game prize mistakes\n- **[35:15](#t=35:15)** A $20,000 hour\n- **[35:57](#t=35:57)** Site went down for 3 days\n- **[37:42](#t=37:42)** Accidentally truncated the prod database\n- **[38:48](#t=38:48)** Off by one error\n- **[40:05](#t=40:05)** Exposing database credentials\n- **[42:08](#t=42:08)** Delete a temp directory on prod\n- **[44:51](#t=44:51)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- Scott: [Race to the Summit](https://www.netflix.com/browse/genre/34399?jbv=81517219)\n- Wes: [100LBS Strong Magnetic Hooks](https://www.amazon.ca/dp/B0CDH1BGS1?crid=PCR6UZRJ5ZTG&keywords=100lb+magnet&sprefix=100lb+magnet,aps,107&th=1&language=en_US&sr=8-5&linkCode=gs2&linkId=49131cd489767398fb3486d6edbe91fd&tag=isi777-20)\n\n## Shameless Plugs\n\n- Scott: [Sentry](https://sentry.io)\n- Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"4d4b8648558487ae67b586ecc3b83c1929a36aabed38052898293d1b73f4d980","slug":"spooky-coding-horror-stories-2023-part-2","md_file":"/shows/684 - tasty scary.md","created_at":"2023-10-20T14:29:56.404Z","updated_at":"2024-08-29T14:18:19.413Z","show_type":"TASTY","guests":[],"notesFile":"/shows/684 - tasty scary.md","displayNumber":"684","displayDate":"October 25th, 2023"},{"id":"syntax_podcast_show_00683","number":683,"title":"Spooky Coding Horror Stories 2023 - Part 1","date":"2023-10-23T12:00:00.366Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_683_v2.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes relate some spooky listener submitted coding horrors including updates for a large furniture retailer, pull request oversights, disallowing everything in a robots.txt, massive email fail, and more.\n\n## Show Notes\n\n- **[00:21](#t=00:21)** Welcome\n- **[01:22](#t=01:22)** Whetting your whistle\n- **[01:52](#t=01:52)** Syntax Brought to you by Sentry\n- **[02:13](#t=02:13)** Site updates for one of the largest furniture retailers in my country\n- **[04:18](#t=04:18)** The Embarrassing Test Page Incident\n- **[05:54](#t=05:54)** The Pull Request Oversight\n- **[08:02](#t=08:02)** Making changes to a JSON file\n- **[13:11](#t=13:11)** Deploying a \"disallow everything\" robots.txt\n- **[14:45](#t=14:45)** GDPR Deletion\n- **[16:11](#t=16:11)** Dropping the backing disk for the production postgres\n- **[17:05](#t=17:05)** Accidentally pushing staging code as an update\n- **[18:34](#t=18:34)** Email fail\n- **[19:25](#t=19:25)** Hot mobile app prayers\n- **[22:28](#t=22:28)** Bogus ACH info\n- **[23:51](#t=23:51)** Wiring money error\n- **[26:44](#t=26:44)** Payment gateway test not production\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"5d28ad2b19f761e6bffdd20341d420bb4b47bd37af24b626795ede03dc63b1bd","slug":"spooky-coding-horror-stories-2023-part-1","md_file":"/shows/683 - hasty.md","created_at":"2023-10-20T14:29:56.355Z","updated_at":"2024-08-29T14:18:19.377Z","show_type":"HASTY","guests":[],"notesFile":"/shows/683 - hasty.md","displayNumber":"683","displayDate":"October 23rd, 2023"},{"id":"syntax_podcast_show_00682","number":682,"title":"Design Systems with Brad Frost","date":"2023-10-20T12:00:00.320Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_682.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Brad Frost about how to implement design systems in small and large scale projects, best practices around naming things, keeping everything in sync across different codebases, and how design systems help projects.\n\n## Show Notes\n\n- **[00:32](#t=00:32)** Welcome\n- **[01:02](#t=01:02)** Syntax Brought to you by Sentry\n- **[01:34](#t=01:34)** Introducing Brad Frost\n- [Brad Frost.com](https://bradfrost.com/)\n- [Atomic Design by Brad Frost](https://atomicdesign.bradfrost.com/)\n- [Brad (@brad_frost) on Twitter](https://twitter.com/brad_frost)\n- [Brad on LinkedIn](https://www.linkedin.com/in/bradfrost/)\n- [Brad on Mastodon](https://mastodon.social/@brad_frost)\n- [Brad on YouTube](https://www.youtube.com/@brad_frost)\n- [Brad on GitHub](https://github.com/bradfrost)\n- [Brad Frost on CodePen](https://codepen.io/bradfrost/)\n- [Big Medium | Design for What's Next](https://bigmedium.com/)\n- **[06:43](#t=06:43)** What is a design system?\n- **[12:12](#t=12:12)** How do you keep design and code in sync?\n- [Material Design](https://m3.material.io/)\n- [Shopify Polaris](https://polaris.shopify.com/)\n- [Carbon Design System](https://carbondesignsystem.com/)\n- [The Design System Ecosystem | Brad Frost](https://bradfrost.com/blog/post/the-design-system-ecosystem/)\n- **[16:13](#t=16:13)** How do you use Shopify, WordPress, React, etc. through a design system?\n- **[19:41](#t=19:41)** How is CSS handled?\n- **[25:40](#t=25:40)** What's the benefit of going all in on web components?\n- **[29:13](#t=29:13)** Do small startups need to worry about design systems?\n- **[33:03](#t=33:03)** How do design tokens work?\n- **[38:17](#t=38:17)** How do you deal with pushback on design systems?\n- **[41:46](#t=41:46)** How do you go outside the guidelines?\n- **[45:24](#t=45:24)** What system do you use for naming things?\n- **[49:34](#t=49:34)** How do you best document your language choices?\n- **[51:09](#t=51:09)** Supper Club questions\n- [Thinking in Systems: International Bestseller: Donella H. Meadows, Diana Wright: 9781603580557: Amazon.com: Books](https://www.amazon.com/Thinking-Systems-Donella-H-Meadows/dp/1603580557)\n- [Miriam Eric Suzanne](https://www.miriamsuzanne.com/)\n- [Zeldman on Web and Interaction Design - Famous for stating the obvious.](https://www.zeldman.com/)\n- **[57:54](#t=57:54)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [Rubblebucket](https://en.wikipedia.org/wiki/Rubblebucket)\n\n## Shameless Plugs\n\n- [Frostapalooza! | Brad Frost](https://bradfrost.com/blog/post/frostapalooza/)\n- [FROSTAPALOOZA - A Concert Party Happening On August 17th 2024](https://40.bradfrost.com/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"e4aefde20096b354224d03150e07b20bf4b4e94de165ee1ef06f1dbc3b08d13c","slug":"design-systems-with-brad-frost","md_file":"/shows/682 - supper Brad.md","created_at":"2023-10-20T14:29:56.315Z","updated_at":"2024-08-29T14:18:19.296Z","show_type":"SUPPER","guests":[{"Guest":{"github":"bradfrost","name":"Brad Frost"}}],"notesFile":"/shows/682 - supper Brad.md","displayNumber":"682","displayDate":"October 20th, 2023"},{"id":"syntax_podcast_show_00681","number":681,"title":"What's New in AI for Web Developers","date":"2023-10-18T12:00:00.351Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_681.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk through recent developments in AI and how they might be useful for developers, whether AI is still worthy of the hype, and whether developer jobs are at risk from AI.\n\n## Show Notes\n\n- **[00:10](#t=00:10)** Welcome\n- **[03:10](#t=03:10)** Syntax Brought to you by Sentry\n- **[03:49](#t=03:49)** v0.dev\n- [v0 by Vercel](https://v0.dev/)\n- **[09:28](#t=09:28)** Anthropic and Claude\n- [Claude](https://claude.ai/)\n- [Syntax Listener Survey](https://wcqk05xik6u.typeform.com/to/gN54Y7kd)\n- **[18:02](#t=18:02)** Facebook's Meta AI\n- [AI at Meta](https://ai.meta.com/)\n- **[18:48](#t=18:48)** Cloudflare AI\n- [Large language model (LLM)](https://developers.cloudflare.com/workers-ai/models/llm/)\n- [Speech to text](https://developers.cloudflare.com/workers-ai/models/speech-to-text/)\n- [Translation](https://developers.cloudflare.com/workers-ai/models/translation/)\n- [Sentiment Analysis](https://developers.cloudflare.com/workers-ai/models/sentiment-analysis/)\n- [Image classification](https://developers.cloudflare.com/workers-ai/models/image-classification/)\n- [Embedding](https://developers.cloudflare.com/workers-ai/models/embedding/)\n- **[27:24](#t=27:24)** AI Hardware announced\n- [Rewind](https://www.rewind.ai/)\n- **[29:39](#t=29:39)** Cloudflare Hugging face\n- [Hugging Face – The AI community building the future.](https://huggingface.co/)\n- [StarCoder: A State-of-the-Art LLM for Code](https://huggingface.co/blog/starcoder)\n- [Vectorize: a vector database for shipping AI-powered applications](https://blog.cloudflare.com/vectorize-vector-database-open-beta/)\n- **[36:28](#t=36:28)** OpenAI Function calling\n- [Function calling and other API updates](https://openai.com/blog/function-calling-and-other-api-updates)\n- **[38:55](#t=38:55)** GPT-4V\n- [GPT-4V(ision) system card](https://openai.com/research/gpt-4v-system-card)\n- **[42:36](#t=42:36)** GitHub CoPilot\n- **[44:03](#t=44:03)** Are we still on the AI hype train?\n- **[48:27](#t=48:27)** Are our jobs at risk as developers?\n- **[52:24](#t=52:24)** Spotify DJ AI\n- [Spotify Debuts a New AI DJ](https://newsroom.spotify.com/2023-02-22/spotify-debuts-a-new-ai-dj-right-in-your-pocket/)\n- **[53:29](#t=53:29)** ChatGPT plugins\n- [ChatGPT plugins](https://openai.com/blog/chatgpt-plugins)\n- **[55:19](#t=55:19)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- Scott: [Coding App for Kids | codeSpark Academy](https://codespark.com/)\n- Wes: [Peter Santenello](https://www.youtube.com/channel/UC3Vuq4Q1bKFtAiKYlwRv3oA), [Roblox](https://www.roblox.com/)\n\n## Shameless Plugs\n\n- Scott: [Sentry](https://sentry.io)\n- Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"27bbe9d7595742e94378adaa8f290b142b4102586f2ec63ee9b459f26082cc42","slug":"what-s-new-in-ai-for-web-developers","md_file":"/shows/681 - AI.md","created_at":"2023-10-20T14:29:56.280Z","updated_at":"2024-08-29T14:18:19.266Z","show_type":"TASTY","guests":[],"notesFile":"/shows/681 - AI.md","displayNumber":"681","displayDate":"October 18th, 2023"},{"id":"syntax_podcast_show_00680","number":680,"title":"Getting jQuery’d × Honourable Deaths of libraries We Don’t Use Anymore","date":"2023-10-16T12:00:00.465Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_680.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about all the libraries we don't need to use anymore thanks to their features being built into the browsers now.\n\n## Show Notes\n\n- **[00:24](#t=00:24)** Welcome\n- **[01:55](#t=01:55)** Syntax Brought to you by Sentry\n- **[02:17](#t=02:17)** Why did people use jQuery?\n- [jQuery](https://jquery.com/)\n- [lukeed/polka: A micro web server so fast, it'll make you dance!](https://github.com/lukeed/polka)\n- **[05:12](#t=05:12)** Writing our own jQuery plugins\n- **[07:23](#t=07:23)** AJAX requests\n- [jQuery.ajax()](https://api.jquery.com/jquery.ajax/)\n- **[08:29](#t=08:29)** Express\n- [Migrating to Express 5](https://expressjs.com/en/guide/migrating-5.html)\n- **[14:58](#t=14:58)** Underscore.JS\n- [Underscore.js](https://underscorejs.org/)\n- **[19:27](#t=19:27)** Require.js\n- [RequireJS](https://requirejs.org/)\n- **[21:06](#t=21:06)** LeftPad\n- [Coder unpublished 17 lines of JavaScript and “broke the Internet” | Ars Technica](https://arstechnica.com/information-technology/2016/03/rage-quit-coder-unpublished-17-lines-of-javascript-and-broke-the-internet/)\n- **[23:13](#t=23:13)** Grid systems\n- [960 Grid System](https://960.gs/)\n- [Susy | OddBird](https://www.oddbird.net/susy/)\n- **[26:24](#t=26:24)** Sass, Less, etc.\n- [Can Vanilla CSS Replace Sass Yet? — Syntax Podcast 603](https://syntax.fm/show/603/can-vanilla-css-replace-sass-yet)\n- **[26:58](#t=26:58)** Sockets.io\n- [Socket.IO](https://socket.io/)\n- **[29:50](#t=29:50)** What else is going to get jQuery'd?\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"de08e12534f4d86c2906d13dd5c1eaee5c0c31222fc4fb6005e2a5549727dcaf","slug":"getting-jquery-d-honourable-deaths-of-libraries-we-don-t-use-anymore","md_file":"/shows/680 - hasty jquery.md","created_at":"2023-10-20T14:29:56.243Z","updated_at":"2024-08-29T14:18:19.233Z","show_type":"HASTY","guests":[],"notesFile":"/shows/680 - hasty jquery.md","displayNumber":"680","displayDate":"October 16th, 2023"},{"id":"syntax_podcast_show_00679","number":679,"title":"Creator of Swift, Tesla Autopilot & Tensorflow. New AI language Mojo with Chris Lattner","date":"2023-10-13T12:00:00.832Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_679.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Chris Lattner about Mojo, a new programming language for AI developers. Should developers learn Python? Where does Mojo run? What is Chris excited about in AI's future?\n\n## Show Notes\n\n- **[00:31](#t=00:31)** Welcome\n- **[01:05](#t=01:05)** Introducing Chris Lattner\n- [Chris Lattner's Homepage](https://www.nondot.org/sabre/)\n- [Chris Lattner on Wikipedia](https://en.wikipedia.org/wiki/Chris_Lattner)\n- [Chris Lattner on GitHub](https://github.com/lattner)\n- [Chris Lattner on Twitter](https://twitter.com/clattner_llvm?lang=en)\n- [Modular (@Modular_AI) / X](https://twitter.com/Modular_AI)\n- [Modular: AI development starts here](https://www.modular.com/)\n- [Swift.org - Welcome to Swift.org](https://www.swift.org/)\n- **[03:50](#t=03:50)** What's the history behind the hardware?\n- **[08:10](#t=08:10)** What's the difference between a compiled language vs an interpreted language?\n- **[12:13](#t=12:13)** Is Mojo a programming language?\n- [Mojo 🔥: Programming language for all of AI](https://www.modular.com/mojo)\n- **[15:12](#t=15:12)** Are Python libraries compatible with Mojo?\n- **[15:26](#t=15:26)** Why did you choose Python?\n- **[16:49](#t=16:49)** Why is AI so Python focused?\n- **[19:19](#t=19:19)** Should web developers learn Python?\n- **[21:40](#t=21:40)** Where does Mojo run?\n- **[25:05](#t=25:05)** How did you use the flame emoji for the Mojo file extension?\n- **[29:05](#t=29:05)** How does machine learning actually work?\n- **[37:36](#t=37:36)** Will Mojo be open source in some way?\n- **[39:16](#t=39:16)** How do you start developing a new programming language?\n- **[43:14](#t=43:14)** What is the future of developer jobs?\n- **[45:30](#t=45:30)** What are you excited about with AI in the future?\n- **[47:24](#t=47:24)** Supper Club questions\n- [Welcome to a World of OCaml](https://ocaml.org/)\n- **[52:59](#t=52:59)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- Exercise\n\n## Shameless Plugs\n\n- [Mojo 🔥: Programming language for all of AI](https://www.modular.com/mojo)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"04be27954ac186fca3175b9814e2d3075420e399091b34c0e7d21b2612a84fcd","slug":"creator-of-swift-tesla-autopilot-and-tensorflow-new-ai-language-mojo-with-chris-lattner","md_file":"/shows/679 - supper Chris.md","created_at":"2023-10-20T14:29:56.205Z","updated_at":"2024-08-29T14:18:19.163Z","show_type":"SUPPER","guests":[{"Guest":{"github":"lattner","name":"Chris Lattner"}}],"notesFile":"/shows/679 - supper Chris.md","displayNumber":"679","displayDate":"October 13th, 2023"},{"id":"syntax_podcast_show_00678","number":678,"title":"The 2023 State of CSS Survey Part 2 × CSS Frameworks × Tooling × Browser Usage","date":"2023-10-11T12:00:00.291Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_678.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, it's part 2 of Wes and Scott's reactions to the 2023 State of CSS survey including CSS frameworks, tooling, browser usage, SVG and CSS, and the CSS Awards.\n\n## Show Notes\n\n- **[00:10](#t=00:10)** Welcome\n- [Reacting to State of CSS Survey — Syntax Podcast 672](https://syntax.fm/show/672/reacting-to-state-of-css-survey)\n- [State of CSS 2023](https://2023.stateofcss.com/en-US)\n- **[01:15](#t=01:15)** Syntax Brought to you by Sentry\n- **[01:29](#t=01:29)** CSS Frameworks\n- [Bootstrap · The most popular HTML, CSS, and JS library in the world.](https://getbootstrap.com/)\n- [Open Props: sub-atomic styles](https://open-props.style/)\n- [Lightning CSS](https://lightningcss.dev/)\n- **[10:57](#t=10:57)** How happy are you with CSS frameworks?\n- **[17:21](#t=17:21)** Other tools\n- [CSS Analytics - Project Wallace](https://www.projectwallace.com/)\n- **[19:34](#t=19:34)** Top utilities in use\n- **[24:48](#t=24:48)** Browser usage\n- **[29:01](#t=29:01)** CSS usage\n- **[33:25](#t=33:25)** Browser incompatibilities\n- **[36:42](#t=36:42)** SVG and CSS\n- **[44:28](#t=44:28)** Resources for learning CSS\n- [Kevin Powell | CSS Evangelist](https://www.kevinpowell.co/)\n- [Fireship - Learn to Code Faster](https://fireship.io/)\n- [LeveUp Tutorials](https://levelup.video)\n- **[46:55](#t=46:55)** Awards\n- [Panda CSS - Build modern websites using build time and type-safe CSS-in-JS](https://panda-css.com/)\n- **[50:48](#t=50:48)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- Scott: [A Timeline of the 1970s Heavyweight Boxing Division (Boxing Documentary)](https://www.youtube.com/watch?v=10WIyMo6B94) / [Full Boxing Timelines](https://www.youtube.com/playlist?list=PL40wI-jI7SK7YD5ZLtulDl2HgY6Q5SQhQ)\n- Wes: [NEIKO 10181A Step Drill Bit Set](https://www.amazon.ca/dp/B07B4LCWC4?sbo=RZvfv//HxDF+O5021pAnSA&crid=33NN1VW7R08YX&keywords=step+drill+bits&sprefix=step+drill+bits,aps,110&language=en_US&th=1&sr=8-3&linkCode=gs2&linkId=37a38f2588f4e6ce7f01d30fd071f294&tag=isi777-20)\n\n## Shameless Plugs\n\n- Scott: [Sentry](https://sentry.io)\n- Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"698ca9026d210c7c3c5b01655511423cfe4857d9de08b6df316a8220c7c08272","slug":"the-2023-state-of-css-survey-part-2-css-frameworks-tooling-browser-usage","md_file":"/shows/678 - tasty.md","created_at":"2023-10-20T14:29:56.166Z","updated_at":"2024-08-29T14:18:19.130Z","show_type":"TASTY","guests":[],"notesFile":"/shows/678 - tasty.md","displayNumber":"678","displayDate":"October 11th, 2023"},{"id":"syntax_podcast_show_00677","number":677,"title":"Home Office Tips","date":"2023-10-09T12:00:00.558Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_677.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk through tips for upping your home office vibe, including cable management, lighting, ergonomics, and even roller blade wheels.\n\n## Show Notes\n\n- **[00:18](#t=00:18)** Welcome\n- **[00:46](#t=00:46)** Syntax Brought to you by Sentry\n- **[01:13](#t=01:13)** Creating a great home office\n- [Scott’s New Office × The Levelup Lodge — Syntax Podcast 461](https://syntax.fm/show/461/scott-s-new-office-the-levelup-lodge)\n- [Wes’ New Soundproof Office — Syntax Podcast 516](https://syntax.fm/show/516/wes-new-soundproof-office)\n- **[03:22](#t=03:22)** Lighting\n- **[06:08](#t=06:08)** Clutter and cords\n- [Alex Tech 25ft - 1/2 inch Cord Protector Wire](https://www.amazon.com/gp/product/B07FXF12HC?th=1&linkCode=sl1&linkId=da2e085408f2747f2dbe50d6a896395e&language=en_US)\n- [D-Line CC-1 Light Duty Floor Cord Cover/Cable Protector](https://www.amazon.com/D-Line-CC-1-Protector-Protect-Prevent/dp/B0078NU4C6?crid=LMFO8SSGVXS1&keywords=cable+floor&qid=1695741312&sprefix=cable+floo,aps,118&sr=8-3&linkCode=sl1&linkId=1983d2f473f729984cbd6d96f6ee5845&language=en_US&th=1)\n- [Cable Clips](https://www.amazon.com/gp/product/B071FXZBMV?linkCode=sl1&linkId=2bf61b890313d85cc4a6575438fa7d70&language=en_US)\n- [WireRun Under Desk Cable Manager 14\"](https://www.amazon.com/gp/product/B07BB7N162?th=1&linkCode=sl1&linkId=6bade2a04792398ce711d2936d28a185&language=en_US)\n- **[10:33](#t=10:33)** Clean\n- **[13:42](#t=13:42)** Sound absorption\n- [Bose QuietComfort 35 II review](https://www.soundguys.com/bose-qc35-ii-review-14264/)\n- [Wyze Noise-Cancelling Headphones](https://www.wyze.com/products/wyze-headphones)\n- **[19:26](#t=19:26)** Ergonomics\n- [VIVO Single Monitor Height Adjustable Counterbalance Pneumatic Arm Desk Mount Stand](https://www.amazon.com/VIVO-Adjustable-Articulating-Counterbalance-STAND-V001O/dp/B01NH0HTM5?crid=2R12Y25XLIZ97&keywords=vivo+monitor+arm&qid=1695743662&sprefix=vivo+monitor+arm,aps,118&sr=8-5&linkCode=sl1&linkId=b4792743b241c149fbe862b0cd2069c0&language=en_US&th=1)\n- **[23:17](#t=23:17)** Roller blade wheels for your chair\n- [Office Owl Caster Wheels](https://www.amazon.ca/dp/B01KET1PUA?crid=346I5T7WPFB50&keywords=roller+blade+wheels+office+chairs&sprefix=roller+bl,aps,111&th=1&language=en_US&sr=8-5&linkCode=gs2&linkId=5eb71e0b6e169b358de273eb58cfed5f&tag=isi777-20)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"a7b2e07572ef1c04492db6b8a85d475c424d636f72b7a2120827d97394439878","slug":"home-office-tips","md_file":"/shows/677 - hasty office.md","created_at":"2023-10-20T14:29:56.104Z","updated_at":"2024-08-29T14:18:19.100Z","show_type":"HASTY","guests":[],"notesFile":"/shows/677 - hasty office.md","displayNumber":"677","displayDate":"October 9th, 2023"},{"id":"syntax_podcast_show_00676","number":676,"title":"Google IDX - VS Code in the Browser with David East","date":"2023-10-06T12:00:00.289Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_676.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk with David East about Google's new cloud based full-stack, multiplatform app development workflow, Project IDX.\n\n## Show Notes\n\n- **[00:22](#t=00:22)** Welcome\n- **[01:31](#t=01:31)** Browser in the car\n- **[02:16](#t=02:16)** Syntax Brought to you by Sentry\n- **[02:24](#t=02:24)** Who is David East?\n- [David East](https://www.linkedin.com/in/eastdavid/)\n- [David East](https://davidea.st/)\n- [David East (@\\_davideast) / X](https://twitter.com/_davideast?lang=en)\n- [Learn from David East's courses | Frontend Masters](https://frontendmasters.com/teachers/david-east/)\n- [Firebase | Google’s Mobile and Web App Development Platform](https://firebase.google.com/)\n- **[04:32](#t=04:32)** What is IDX?\n- [Project IDX](https://idx.dev/)\n- [Flutter - Build apps for any screen](https://flutter.dev/)\n- [Welcome to nix.dev — nix.dev documentation](https://nix.dev/)\n- **[13:15](#t=13:15)** What's the experience of IDX?\n- [Nx: Smart, Fast and Extensible Build System](https://nx.dev/)\n- **[16:42](#t=16:42)** IDX isn't just a toy - it's a dev machine\n- **[20:29](#t=20:29)** What's the offline mode like?\n- **[23:30](#t=23:30)** How are VS Code extensions handled?\n- **[27:03](#t=27:03)** Is multiplayer or project sharing on the road map?\n- **[28:45](#t=28:45)** How is latency taken care of?\n- **[31:43](#t=31:43)** This could be faster than local dev environment\n- **[36:18](#t=36:18)** Portability of your projects\n- **[42:25](#t=42:25)** What do you think about iPad coding?\n- **[44:28](#t=44:28)** Phone testing with IDX\n- [Firebase Test Lab](https://firebase.google.com/docs/test-lab)\n- **[46:59](#t=46:59)** How is AI being integrated?\n- **[50:23](#t=50:23)** Supper Club questions\n- [Introducing Operator | Fonts by Hoefler&Co.](https://www.typography.com/blog/introducing-operator)\n- [MD IO by Mass-Driver - Future Fonts](https://www.futurefonts.xyz/mass-driver/io)\n- **[55:25](#t=55:25)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\nCSS\n\n## Shameless Plugs\n\n- [The Bad At Css Podcast](https://nerdy.dev/introducing-the-bad-at-css-podcast)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"475263c045b9c9208a830ebcd21f0ae39434d839695695d4fe596460e4e394d1","slug":"google-idx-vs-code-in-the-browser-with-david-east","md_file":"/shows/676 - supper idx.md","created_at":"2023-10-16T20:08:30.189Z","updated_at":"2024-08-29T14:18:19.024Z","show_type":"SUPPER","guests":[{"Guest":{"github":"davideast","name":"David East"}}],"notesFile":"/shows/676 - supper idx.md","displayNumber":"676","displayDate":"October 6th, 2023"},{"id":"syntax_podcast_show_00675","number":675,"title":"Potluck × Bun Thoughts × Guesting on Syntax × Why Rust?","date":"2023-10-04T12:00:00.295Z","url":"https://traffic.libsyn.com/syntax/Syntax675ScottVersion_-_10323_12.46PM.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott answer your questions about Bun, using custom auth headers, the difference between trpc, REST, or GraphQL, documenting your code, why learn Rust, and more!\n\n## Show Notes\n\n- **[00:08](#t=00:08)** Welcome\n- **[00:37](#t=00:37)** Scott's macOS bug\n- [Tauri Apps](https://tauri.app/)\n- **[01:26](#t=01:26)** Syntax Brought to you by Sentry\n- **[01:46](#t=01:46)** What are your thoughts on Bun?\n- [Bun — A fast all-in-one JavaScript runtime](https://bun.sh/)\n- [Zig Programming Language](https://ziglang.org/)\n- [Deno, The next-generation JavaScript runtime](https://deno.com/)\n- [Cloudflare Workers](https://developers.cloudflare.com/workers/)\n- [Netlify Connect](https://www.netlify.com/products/connect/)\n- [Storybook](https://storybook.js.org/)\n- [Histoire](https://histoire.dev/)\n- **[10:32](#t=10:32)** How can I add custom auth header for image requests done by the browser?\n- **[16:39](#t=16:39)** What are the differences between trpc, REST, and graphql?\n- **[23:55](#t=23:55)** What kind of teams would use trpc, REST, or graphql?\n- **[26:19](#t=26:19)** Are there any podcast guest opportunities on Syntax?\n- **[31:28](#t=31:28)** With no initial documentation, how do you suggest we document our intricate code, business logic, and integrations?\n- **[37:57](#t=37:57)** Rust didn't invent this, they're common paradigms in languages\n- **[40:12](#t=40:12)** Why Rust?\n- [Rust Programming Language](https://www.rust-lang.org/)\n- **[42:59](#t=42:59)** Is Scott still using his Tonal?\n- [Tonal](https://www.tonal.com/)\n- **[43:49](#t=43:49)** What did I do to make Fetch rebel against me?\n- [Proxyman](https://proxyman.io/)\n- **[49:47](#t=49:47)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- Scott: [Glow Up](https://www.netflix.com/ca/title/81075536)\n- Wes: [SendCutSend](https://sendcutsend.com/)\n\n## Shameless Plugs\n\n- Scott: [Syntax on TikTok](https://www.tiktok.com/@syntaxfm)\n- Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"39b0d693dbeeb2f8324571061a2f744dc59af2fbeb82eb7ad0af5f81659b5d33","slug":"potluck-bun-thoughts-guesting-on-syntax-why-rust","md_file":"/shows/675 - tasty.md","created_at":"2023-10-16T20:08:30.149Z","updated_at":"2024-08-29T14:18:18.992Z","show_type":"TASTY","guests":[],"notesFile":"/shows/675 - tasty.md","displayNumber":"675","displayDate":"October 4th, 2023"},{"id":"syntax_podcast_show_00674","number":674,"title":"A11y Treats - Heading Design","date":"2023-10-02T12:00:00.379Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_674.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about headings on your website, why you should care, how to structure your headings, and what tooling is there for testing your website?\n\n## Show Notes\n\n- **[00:26](#t=00:26)** Welcome\n- **[01:21](#t=01:21)** Syntax Brought to you by Sentry\n- **[01:41](#t=01:41)** Why do we care about Headings?\n- [How-to: Accessible heading structure - The A11Y Project](https://www.a11yproject.com/posts/how-to-accessible-heading-structure/)\n- **[03:12](#t=03:12)** Heading design provides an outline for your website\n- **[08:45](#t=08:45)** Using H1 classes?\n- **[10:28](#t=10:28)** Is the logo an H1?\n- **[13:03](#t=13:03)** Giving an ARIA level\n- **[17:14](#t=17:14)** Can headings be visually hidden?\n- **[21:00](#t=21:00)** Benefits of good heading design\n- **[22:27](#t=22:27)** Tooling\n- [Heading outlines - ADG](https://www.accessibility-developer-guide.com/examples/headings/)\n- [HTML Standard](https://html.spec.whatwg.org/multipage/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements)\n- [Polypane, The browser for ambitious web developers](https://polypane.app/)\n- [HeadingsMap - Chrome Web Store](https://chrome.google.com/webstore/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi)\n- [HeadingsMap – Get this Extension for 🦊 Firefox (en-US)](https://addons.mozilla.org/en-US/firefox/addon/headingsmap/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"8341de47c7802ef5740969b283072fded14444cb187e4ffb485828038acaf8d5","slug":"a11y-treats-heading-design","md_file":"/shows/674 - hasty.md","created_at":"2023-10-16T20:08:30.105Z","updated_at":"2024-08-29T14:18:18.959Z","show_type":"HASTY","guests":[],"notesFile":"/shows/674 - hasty.md","displayNumber":"674","displayDate":"October 2nd, 2023"},{"id":"syntax_podcast_show_00673","number":673,"title":"Getting Hired, Interviewing, and Why Recruiters Suck with Taylor Desseyn","date":"2023-09-29T12:00:00.937Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_673.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Taylor Desseyn about his work as a job recruiter, how hiring has changed over the last few years, what soft and tech skills developers need, what not to do when applying, and how AI is affecting the hiring process.\n\n## Show Notes\n\n- **[00:35](#t=00:35)** Welcome\n- **[01:10](#t=01:10)** Syntax Brought to you by Sentry\n- **[01:35](#t=01:35)** Who is Taylor Desseyn?\n- [taylor desseyn (/tdesseyn)](https://solo.to/tdesseyn)\n- [Taylor Desseyn on LinkedIn](https://www.linkedin.com/in/taylordesseyn/)\n- [World-class technical talent on tap | Gun.io](https://gun.io/)\n- [taylor desseyn (@tdesseyn) / X](https://twitter.com/tdesseyn)\n- [Taylor Desseyn](https://www.youtube.com/channel/UCNqJ-P5d9RUCUsQ-grhlUHw)\n- **[03:49](#t=03:49)** Why are recruiters just sending emails?\n- **[05:26](#t=05:26)** How much does a recruiter make?\n- **[06:44](#t=06:44)** How have things changed in the last couple of years?\n- **[09:22](#t=09:22)** How can developers stand out when applying?\n- **[13:52](#t=13:52)** What do developers do that cost them jobs?\n- **[28:46](#t=28:46)** What soft skills are employers looking for?\n- **[32:01](#t=32:01)** What tech skills are showing up in job postings?\n- **[34:57](#t=34:57)** Are resumes dead?\n- **[40:16](#t=40:16)** How does Gun.io vet people?\n- [World-class technical talent on tap | Gun.io](https://gun.io/)\n- **[43:15](#t=43:15)** How is AI changing hiring?\n- **[46:03](#t=46:03)** What's working on social media marketing in hiring?\n- **[48:33](#t=48:33)** Supper Club questions\n- **[53:39](#t=53:39)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [Group Chat - Dee Murthy -](https://deemurthy.com/group-chat/)\n- [Watch Painkiller | Netflix Official Site](https://www.netflix.com/ca/title/81095069)\n\n## Shameless Plugs\n\n- [Guidance Counselor 2.0 | Podcast on Spotify](https://open.spotify.com/show/2UBzvscEgepXLUKvA5c24x?nd=1)\n- [The Unicorn Finders | Podcast on Spotify](https://open.spotify.com/show/5IF9OyWLb7FB78tWRYfuvE?nd=1)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"b8b0aa9f54fa79a6a3d518e7075d46b3f207bc19c55dfa8631a42f35b2d79c0d","slug":"getting-hired-interviewing-and-why-recruiters-suck-with-taylor-desseyn","md_file":"/shows/673 - supper taylor.md","created_at":"2023-10-16T20:08:29.929Z","updated_at":"2024-08-29T14:18:18.887Z","show_type":"SUPPER","guests":[{"Guest":{"github":null,"name":"Taylor Desseyn"}}],"notesFile":"/shows/673 - supper taylor.md","displayNumber":"673","displayDate":"September 29th, 2023"},{"id":"syntax_podcast_show_00672","number":672,"title":"Reacting to State of CSS Survey","date":"2023-09-27T12:00:00.800Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_672.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott go over some of the results the State of CSS survey for 2023, including drop-shadow, subgrid, logical properties, media range, and more!\n\n## Show Notes\n\n- **[00:25:21](#t=00:25)** Welcome\n- **[01:31:22](#t=01:31)** Soccer update\n- **[03:52:05](#t=03:52)** Syntax Brought to you by Sentry\n- **[04:03:18](#t=04:03)** StateOfCSS.com\n- [State of CSS 2023](https://2023.stateofcss.com/en-US)\n- **[04:21:11](#t=04:21)** Top 5 Most Used Features\n- **[09:13:09](#t=09:13)** Drop-shadow\n- **[13:00:11](#t=13:00)** Subgrid\n- **[18:31:21](#t=18:31)** Logical properties\n- **[20:11:20](#t=20:11)** Media range\n- **[20:52:11](#t=20:52)** Object view box\n- **[23:10:14](#t=23:10)** Anchor positioning\n- **[28:21:09](#t=28:21)** Intrinsic sizing keywords\n- **[29:32:00](#t=29:32)** View Transitions API\n- [Can I use... Support tables for HTML5, CSS3, etc](https://caniuse.com/)\n- [Astro](https://astro.build/)\n- [Supper Club × Astro 2.0 with Fred Schott — Syntax Podcast 580](https://syntax.fm/show/580/supper-club-astro-2-0-with-fred-schott)\n- **[31:43:18](#t=31:43)** Updates to colors in CSS\n- **[35:07:05](#t=35:07)** Accent color, current color\n- **[36:36:11](#t=36:36)** Scroll snap and overscroll behaviour\n- **[39:04:22](#t=39:04)** Touch action\n- **[40:16:01](#t=40:16)** Line clamp or variable font\n- [Variable Fonts](https://v-fonts.com/)\n- **[45:28:11](#t=45:28)** Accessibility features\n- **[48:33:12](#t=48:33)** :Has has jumped\n- **[49:32:11](#t=49:32)** @Property\n- **[53:52:13](#t=53:52)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- Scott: [Kodiak Cakes Strawberries & Cream Oatmeal Packets (Pack of 6)](https://www.amazon.com/dp/B08BR4QV8Z?th=1&linkCode=sl1&linkId=30dd8a123a0b101f6e0e4e2edcc170b4&language=en_US)\n- Wes: [Food Storage Containers, Baby Food Storage Containers with Lid, Baby Food and Toddler Snack Containers]()\n\n## Shameless Plugs\n\n- Scott: [Syntax Podcast (@syntaxfm) | TikTok](https://www.tiktok.com/@sntaxfm)\n- Wes: [Web Unleashed 2023 - FITC](https://fitc.ca/event/webu23/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"7e359fe1d7e48a9ca8934140ff0df6a4d2c06044af7e1e243f5c69de38a9b199","slug":"reacting-to-state-of-css-survey","md_file":"/shows/672 - tasty CSS.md","created_at":"2023-10-16T20:08:29.881Z","updated_at":"2024-08-29T14:18:18.856Z","show_type":"TASTY","guests":[],"notesFile":"/shows/672 - tasty CSS.md","displayNumber":"672","displayDate":"September 27th, 2023"},{"id":"syntax_podcast_show_00671","number":671,"title":"Tauri Vs Electron - Desktop Apps with Web Tech","date":"2023-09-25T12:00:00.113Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_671.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about the building desktop apps using Electron vs Tauri.\n\n## Show Notes\n\n- **[00:26](#t=00:26)** Welcome\n- **[00:55](#t=00:55)** Syntax Brought to you by Sentry\n- **[01:15](#t=01:15)** Check my hair app\n- [Tauri Apps](https://tauri.app/)\n- [Electron](https://www.electronjs.org/)\n- [Hand Mirror on the Mac App Store](https://apps.apple.com/us/app/hand-mirror/id1502839586?mt=12)\n- [SoFriendly/2fhey](https://github.com/SoFriendly/2fhey)\n- **[04:19](#t=04:19)** What is Tauri?\n- **[08:23](#t=08:23)** The experience of writing apps in Electron vs Tauri\n- **[16:17](#t=16:17)** Electron Forge\n- **[20:02](#t=20:02)** Building the same app in Electron vs Tauri\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"a5ba35a7f65975bf41c942ecf6ff0042facad2f6fa63d979bf8ad5b78cb920c1","slug":"tauri-vs-electron-desktop-apps-with-web-tech","md_file":"/shows/671 - hasty.md","created_at":"2023-10-16T20:08:29.824Z","updated_at":"2024-08-29T14:18:18.826Z","show_type":"HASTY","guests":[],"notesFile":"/shows/671 - hasty.md","displayNumber":"671","displayDate":"September 25th, 2023"},{"id":"syntax_podcast_show_00670","number":670,"title":"Anxiety and Uncertainty with Dr. Courtney Tolinski","date":"2023-09-22T12:00:00.565Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_670.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Dr. Courtney Tolinski about signs and symptoms of anxiety, what the long term effects are of anxiety, how to know if you need help, and what kinds of things you can do to deal with anxiety and uncertainty.\n\n## Show Notes\n\n- **[00:35](#t=00:35)** Welcome\n- **[01:11](#t=01:11)** Syntax Brought to you by Sentry\n- **[02:23](#t=02:23)** Introducing Dr. Courtney Tolinski\n- [Mental Health and Dev ft Dr. Courtney Tolinski - Depression, Anxiety, Imposter Syndrome, Focus, Motivation, Burnout — Syntax Podcast 236](https://syntax.fm/show/236/mental-health-and-dev-ft-dr-courtney-tolinski-depression-anxiety-imposter-syndrome-focus-motivation-burnout)\n- [Supper Club × Coding with ADHD with Dr. Courtney Tolinski — Syntax Podcast 532](https://syntax.fm/show/532/supper-club-coding-with-adhd-with-dr-courtney-tolinski)\n- **[04:13](#t=04:13)** What is anxiety?\n- **[06:44](#t=06:44)** Is there a difference between anxiety and just not wanting to do something?\n- **[08:58](#t=08:58)** What kinds of physical symptoms are there?\n- **[15:43](#t=15:43)** What are the longer term effects of anxiety?\n- **[17:34](#t=17:34)** How do you know if you need help with anxiety?\n- **[21:05](#t=21:05)** What can I do to solve my anxiety?\n- [Psychology Today Canada: Health, Help, Happiness + Find a Therapist](https://www.psychologytoday.com/ca)\n- [Obsidian - Sharpen your thinking](https://obsidian.md/)\n- [How We Feel](https://howwefeel.org/)\n- [Apple Reveals More iOS 17 Features Not Available Until Later This Year - MacRumors](https://www.macrumors.com/2023/09/13/ios-17-features-coming-later-this-year/)\n- [Meditation and Sleep Made Simple - Headspace](https://www.headspace.com/)\n- [Bearable Symptom Tracker, Mood Journal, & Health App](https://bearable.app/)\n- [BreathingApp — Personal breathing trainer for a better health](https://breathingapp.com/)\n- **[30:15](#t=30:15)** How can we recognize anxiety triggers?\n- **[33:26](#t=33:26)** What advice do you have for dealing with uncertainty?\n- **[37:54](#t=37:54)** How can I deal with keeping up with everything and feeling like I'm falling behind?\n- **[43:02](#t=43:02)** Navigating big life decisions\n- **[51:39](#t=51:39)** Supper Club questions\n- [Being Well Podcast with Dr. Rick Hanson and Forrest Hanson](https://www.rickhanson.net/being-well-podcast/)\n- [Celebrity Book Club with Steven & Lily on Apple Podcasts](https://podcasts.apple.com/us/podcast/celebrity-book-club-with-steven-lily/id1547360770)\n- [Criminality](https://www.criminalityshow.com/)\n- **[58:01](#t=58:01)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [Fullstar Compact Vegetable Chopper - Vegetable Cutter, Food Chopper, Veggie Chopper, Onion Chopper, Vegetable Chopper With Container, Vegetable Slicer, Vegetable Cutter, Mandoline Slicer (6 Inserts): Home & Kitchen](https://www.amazon.com/Fullstar-Mini-Vegetable-Chopper-Container/dp/B0BHSXFTGH?crid=8WWJNGJIIFI4&keywords=fullstar+vegetable+chopper&qid=1694728241&sprefix=fullstar+veg,aps,126&sr=8-6&th=1)\n\n## Shameless Plugs\n\n- [Learning Differently (@learning.differently) • Instagram photos and videos](https://www.instagram.com/learning.differently/)\n- [Zarlengo Foundation Learning Evaluation Center| Denver, Colorado](https://learningevaluationcenter.org/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"8e2f9ead69b3a32cba9c9b634d5dc7cd61958b75020e1face252a8ba3e857a2d","slug":"anxiety-and-uncertainty-with-dr-courtney-tolinski","md_file":"/shows/670 - Supper Tolinski.md","created_at":"2023-10-16T20:08:29.684Z","updated_at":"2024-08-29T14:18:18.753Z","show_type":"SUPPER","guests":[{"Guest":{"github":null,"name":"Dr. Courtney Tolinski"}}],"notesFile":"/shows/670 - Supper Tolinski.md","displayNumber":"670","displayDate":"September 22nd, 2023"},{"id":"syntax_podcast_show_00669","number":669,"title":"The Svelte + SvelteKit Show","date":"2023-09-20T12:00:00.020Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_669.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes reviews his experience building with Svelte and SvelteKit including templating, data fetching, actions, managing state, request handlers, and more.\n\n## Show Notes\n\n- **[00:10](#t=00:10)** Welcome\n- **[01:12](#t=01:12)** Syntax Brought to you by Sentry\n- **[02:11](#t=02:11)** What is Svelte vs SvelteKit\n- [From React To SvelteKit — Syntax Podcast 390](https://syntax.fm/show/390/from-react-to-sveltekit)\n- [Hasty Treat - Wes & Scott Look At Svelte 3 — Syntax Podcast 173](https://syntax.fm/show/173/hasty-treat-wes-and-scott-look-at-svelte-3)\n- [Svelte • Cybernetically enhanced web apps](https://svelte.dev/)\n- [SvelteKit • Web development, streamlined](https://kit.svelte.dev/)\n- **[05:59](#t=05:59)** Templating in Svelte\n- **[18:20](#t=18:20)** Data fetching in SvelteKit\n- **[25:23](#t=25:23)** Actions\n- **[28:58](#t=28:58)** State\n- **[32:41](#t=32:41)** Binding values\n- **[36:18](#t=36:18)** Hooks\n- **[37:25](#t=37:25)** Request handlers\n- [Special elements • Docs • Svelte](https://svelte.dev/docs/special-elements#svelte-window)\n- [website/src/actions/anchor.ts at v2 · syntaxfm/website](https://github.com/syntaxfm/website/blob/v2/src/actions/anchor.ts)\n- [website/src/actions/click_outside.ts at v2 · syntaxfm/website](https://github.com/syntaxfm/website/blob/v2/src/actions/click_outside.ts)\n- **[39:23](#t=39:23)** Svelte Actions\n- **[42:26](#t=42:26)** Popover API\n- **[45:33](#t=45:33)** Routing\n- **[47:22](#t=47:22)** Layouts\n- **[50:08](#t=50:08)** Styling\n- **[57:09](#t=57:09)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- Scott: [Aqara Smart Lock U100](https://www.amazon.com/dp/B0BZSD2L1W?linkCode=sl1&linkId=3c99452f2f410bd473c91749cfa27a6f&language=en_US)\n- Wes: [Headphones Replacement Ear Pads,Compatible for Bose Quietcomfort QC15 QC25 QC35 35 ii-(Black Floral)](https://www.amazon.ca/dp/B07QXKNDSW?crid=23KX82S9DQKYG&keywords=bose+wc35+ear+pads+flower&sprefix=bose+wc35+ear+pads+flower,aps,105&th=1&language=en_US&sr=8-18&linkCode=gs2&linkId=5d4c231bde102d4022499ff9ea813b91&tag=isi777-20)\n\n## Shameless Plugs\n\n- Scott: [Sentry](https://sentry.io)\n- Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"9b10e10a697ba06b6d7bd09833d763fc8db15e345faba87d1f96bfd60983fb32","slug":"the-svelte-sveltekit-show","md_file":"/shows/669 - Tasty.md","created_at":"2023-10-16T20:08:29.643Z","updated_at":"2024-08-29T14:18:18.719Z","show_type":"TASTY","guests":[],"notesFile":"/shows/669 - Tasty.md","displayNumber":"669","displayDate":"September 20th, 2023"},{"id":"syntax_podcast_show_00668","number":668,"title":"Hacking the Tonal - Proxying, Intercepting + Debugging Traffic?","date":"2023-09-18T12:00:00.132Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_668.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about how you can intercept and debug traffic going out from your computer or other internet connected devices in your home, or your garage!\n\n## Show Notes\n\n- **[00:25](#t=00:25)** Welcome\n- **[01:55](#t=01:55)** Syntax Brought to you by Sentry\n- **[02:17](#t=02:17)** Scott's story of wanting to intercept data\n- [Tonal](https://www.tonal.com/)\n- **[06:36](#t=06:36)** Other examples\n- **[08:38](#t=08:38)** Different types of traffic\n- **[14:52](#t=14:52)** TCP vs UDP\n- **[16:07](#t=16:07)** Why would you want to run a proxy?\n- **[24:20](#t=24:20)** Applications to use\n- [Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy](https://www.charlesproxy.com/)\n- [Proxyman · Native, Modern Web Debugging Proxy · Inspect network traffic from Mac, iOS, Android devices with ease](https://proxyman.io/)\n- [Intercept, debug & mock HTTP with HTTP Toolkit](https://httptoolkit.com/)\n- [mitmproxy - an interactive HTTPS proxy](https://mitmproxy.org/)\n- [Wireshark · Go Deep](https://www.wireshark.org/)\n- [Little Snitch](https://www.obdev.at/products/littlesnitch/index.html)\n- [Capturing Modes - Fiddler Everywhere](https://docs.telerik.com/fiddler-everywhere/capture-traffic/capturing-modes)\n- [Hacksore on Twitter](https://twitter.com/Hacksore/status/1661369171534393348)\n- [How I Hacked my Car :: Programming With Style](https://programmingwithstyle.com/posts/howihackedmycar/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"912b58b11069aff9c4fa56cf09e1e4d0bde59c0d9900e9105df00f8d1bc08065","slug":"hacking-the-tonal-proxying-intercepting-debugging-traffic","md_file":"/shows/668 - Hasty.md","created_at":"2023-10-16T20:08:29.602Z","updated_at":"2024-08-29T14:18:18.688Z","show_type":"HASTY","guests":[],"notesFile":"/shows/668 - Hasty.md","displayNumber":"668","displayDate":"September 18th, 2023"},{"id":"syntax_podcast_show_00667","number":667,"title":"Supper Club × How To Get Your First Dev Job With Stuart Bloxham","date":"2023-09-15T12:00:00.689Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_667.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Stuart Bloxham about how he learned to code, what his interview process was like when applying for a job, how he found the time to make it all work, and his thoughts on bootcamps and ways to learn.\n\n## Show Notes\n\n- **[00:36](#t=00:36)** Welcome\n- [Stuart Bloxham on GitHub](https://github.com/sbloxy123)\n- [Stuart Bloxham on LinkedIn](https://www.linkedin.com/in/stuart-bloxham-a36197121/?originalSubdomain=uk)\n- **[02:09](#t=02:09)** How did you decide to be a web developer?\n- **[08:22](#t=08:22)** Did you have clarity when your kid was born?\n- **[10:20](#t=10:20)** What was the interview process like?\n- **[18:25](#t=18:25)** What and how did you learn?\n- **[20:28](#t=20:28)** What's the state of bootcamps in 2023?\n- **[22:03](#t=22:03)** How important have soft skills been?\n- **[25:14](#t=25:14)** How do you know when you're ready to apply for a job?\n- **[35:24](#t=35:24)** Do you like coding?\n- **[37:49](#t=37:49)** How did you find the time to make it all work?\n- **[41:42](#t=41:42)** How did you deal with burnout?\n- **[43:06](#t=43:06)** Supper Club questions\n- **[45:34](#t=45:34)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [Flowerhorn cichlid](https://en.wikipedia.org/wiki/Flowerhorn_cichlid)\n\n## Shameless Plugs\n\n- [Stuart Bloxham's Portfolio](https://www.stuartbloxham.tech/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"ed9efd434731ba3c131169ee173523df1006b533810a06577dbba8462d1559e5","slug":"supper-club-how-to-get-your-first-dev-job-with-stuart-bloxham","md_file":"/shows/667 - Supper.md","created_at":"2023-10-16T20:08:29.451Z","updated_at":"2024-08-29T14:18:18.612Z","show_type":"SUPPER","guests":[{"Guest":{"github":"sbloxy123","name":"Stuart Bloxham"}}],"notesFile":"/shows/667 - Supper.md","displayNumber":"667","displayDate":"September 15th, 2023"},{"id":"syntax_podcast_show_00666","number":666,"title":"Hackweek Projects - Realtime Markdown Editor and a Hardware Recording Button","date":"2023-09-13T12:00:00.945Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_666.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott review the projects they built during Sentry's Hackweek: a realtime Markdown multiplayer editor, and a hardware recording button.\n\n## Show Notes\n\n* **[00:11](#t=00:11)** Welcome\n* **[00:57](#t=00:57)** What is a hack week?\n* **[01:55](#t=01:55)** Syntax Brought to you by Sentry\n* **[03:42](#t=03:42)** Scott's project: a multiplayer editor\n* [Liveblocks | Collaborative experiences in days, not months](https://liveblocks.io/)\n* [PartyKit | Everything is better with friends](https://www.partykit.io/)\n* [BlockNote - Javascript Block-Based text editor | BlockNote](https://www.blocknotejs.org/)\n* [Dev toolkit for building collaborative editors – Tiptap](https://tiptap.dev/)\n* [microsoft/monaco-editor: A browser based code editor](https://github.com/microsoft/monaco-editor)\n* [syntaxfm/hackweek-md-multiplayer-editor: Sentry.io Hackweek Submisison - A multiplayer editor for .md files that comits directly to GitHub](https://github.com/syntaxfm/hackweek-md-multiplayer-editor)\n* [Convex | The fullstack TypeScript development platform](https://www.convex.dev/)\n* [The Everything App](https://anytype.io/)\n* **[13:57](#t=13:57)** Multiplayer is so much easier\n* **[19:56](#t=19:56)** Wes' project: A recording button\n* [Oracle VM VirtualBox](https://www.virtualbox.org/)\n* [Run Windows on Mac – Parallels Desktop 19 Virtual Machine for Mac](https://www.parallels.com/ca/pd/general/)\n* [Karabiner-Elements](https://karabiner-elements.pqrs.org/)\n* [folivora.ai - Great Tools for your Mac!](https://folivora.ai/)\n* [Home Assistant](https://www.home-assistant.io/)\n* [The World’s Leading 2D and 3D Platform | Unity Pro Free Trial](https://unity.com/pages/pro-free-trial?&&&&gad=1)\n* [SendCutSend | Online Laser Cutting and Waterjet Cutting](https://sendcutsend.com/)\n* [blender.org - Home of the Blender project - Free and Open 3D Creation Software](https://www.blender.org/)\n* **[42:31](#t=42:31)** Learning to skateboard\n* **[43:59](#t=43:59)** F1 documentary follow up\n* **[45:30](#t=45:30)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [BetterDisplay: Unlock your displays on your Mac!](https://github.com/waydabber/BetterDisplay)\n* Wes: [LOVIMAG Magnetic Hooks Heavy Duty](https://www.amazon.com/LOVIMAG-Magnetic-Hanging-Magnets-Refrigerator/dp/B0CBTZ78Q4?crid=19L2TLC6SKOWL&keywords=100lb+magnet+hooks&qid=1693326610&sprefix=100lb+magnet+hooks,aps,109&sr=8-4&th=1)\n\n## Shameless Plugs\n\n* Scott: [Syntax on TikTok](https://www.tiktok.com/@syntaxfm)\n* Wes: [@WesBos on X.com](https://twitter.com/wesbos)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"41253630cb2da6189b52a27c7a3a46538379fe5d9e2dc51e1faeaddcab769071","slug":"hackweek-projects-realtime-markdown-editor-and-a-hardware-recording-button","md_file":"/shows/666 - tasty.md","created_at":"2023-10-16T20:08:29.414Z","updated_at":"2024-08-29T14:18:18.582Z","show_type":"TASTY","guests":[],"notesFile":"/shows/666 - tasty.md","displayNumber":"666","displayDate":"September 13th, 2023"},{"id":"syntax_podcast_show_00665","number":665,"title":"CSS Nesting is Here!","date":"2023-09-11T12:00:00.253Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_665.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about the arrival of CSS nesting. What is CSS nesting? How does CSS nesting work? And does it work in all browsers?\n\n## Show Notes\n\n* **[00:24](#t=00:24)** Welcome\n* **[02:31](#t=02:31)** What's up with CSS nesting?\n* [\"CSS Nesting just landed in Firefox 117 which puts it at 100% browser support! You can start using it today — here are 11 examples on how it works 👇](https://twitter.com/wesbos/status/1696201171587809761)\n* **[04:10](#t=04:10)** How does CSS nesting work?\n* **[09:23](#t=09:23)** What the ampersand does in nesting\n* **[21:05](#t=21:05)** It works with media queries\n* **[25:29](#t=25:29)** How does it work on all the browsers?\n* **[29:32](#t=29:32)** Lightning CSS\n* [Lightning CSS](https://lightningcss.dev/)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"0bfe37047aa15c9bf68f33ef31198a1915db48f11e35b9206fe35515b2bdeeeb","slug":"css-nesting-is-here","md_file":"/shows/665 - Hasty.md","created_at":"2023-10-16T20:08:29.376Z","updated_at":"2024-08-29T14:18:18.551Z","show_type":"HASTY","guests":[],"notesFile":"/shows/665 - Hasty.md","displayNumber":"665","displayDate":"September 11th, 2023"},{"id":"syntax_podcast_show_00664","number":664,"title":"Supper Club × What's New With Astro with Fred Schott","date":"2023-09-08T11:00:00.957Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_664.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Fred Schott all things Astro with the announcement of Astro version 3, marketing open source projects, Starlight docs, keeping up to date, and making major version numbers less scary.\n\n## Show Notes\n\n* **[00:35](#t=00:35)** Welcome 3x guest Fred Schott!\n* [Supper Club × Astro 2.0 with Fred Schott — Syntax Podcast 580](https://syntax.fm/show/580/supper-club-astro-2-0-with-fred-schott)\n* [Pika Pkg — Syntax Podcast 212](https://syntax.fm/show/212/pika-pkg)\n* **[05:11](#t=05:11)** What is Astro?\n* **[07:37](#t=07:37)** What's new in Astro v3?\n* [Astro 3.0 | Astro](https://astro.build/blog/astro-3/)\n* **[14:18](#t=14:18)** Behind the scenes improvements in Astro v3\n* **[18:17](#t=18:17)** HMR Enhancements\n* **[20:10](#t=20:10)** What's the hosting partner deal with Vercel?\n* [Vercel: Our Official Hosting Partner | Astro](https://astro.build/blog/vercel-official-hosting-partner/)\n* **[28:04](#t=28:04)** Docs template Starlight announcement\n* [Starlight 🌟 Build documentation sites with Astro](https://starlight.astro.build/)\n* **[31:28](#t=31:28)** How often do you release updates?\n* **[33:47](#t=33:47)** Marketing open source\n* [Time to suit up | Astro Shop](https://shop.astro.build/)\n* [SvelteKit • Web development, streamlined](https://kit.svelte.dev/)\n* **[36:18](#t=36:18)** Making major version numbers less scary\n* **[40:04](#t=40:04)** Does Astro use Vite?\n* [Vite | Next Generation Frontend Tooling](https://vitejs.dev/)\n* **[42:01](#t=42:01)** Is it different working on a framework than a tool like Snowpack?\n* **[43:53](#t=43:53)** Thoughts on cloud text editors\n* [Project IDX](https://idx.dev/)\n* **[47:02](#t=47:02)** How do you keep up to date?\n* **[48:43](#t=48:43)** Do you write in TypeScript?\n* **[51:31](#t=51:31)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* [Factorio](https://www.factorio.com/)\n\n## Shameless Plugs\n\n* [Astro (@astrodotbuild)](https://twitter.com/astrodotbuild)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"bada99586e90bac31cec3b3e7350357b56d47b12d46ca76c0ff37c37e20209d4","slug":"supper-club-what-s-new-with-astro-with-fred-schott","md_file":"/shows/664 - Supper Fred.md","created_at":"2023-10-16T20:08:29.236Z","updated_at":"2024-08-29T14:18:18.496Z","show_type":"SUPPER","guests":[{"Guest":{"github":"fredkschott","name":"Fred Schott"}}],"notesFile":"/shows/664 - Supper Fred.md","displayNumber":"664","displayDate":"September 8th, 2023"},{"id":"syntax_podcast_show_00663","number":663,"title":"Potluck × Soft Skills × Release Notes × Headless CMS × Organizing Code × Inet CSS?","date":"2023-09-06T12:00:00.531Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_663.mp3","youtube_url":null,"show_notes":"\nIn this potluck episode of Syntax, Wes and Scott answer your questions about learning soft skills, using release notes, headless CMS, dealing with web components and scripts, what inet is, better ways to use ChatGPT, and more!\n\n## Show Notes\n\n* **[00:11](#t=00:11)** Welcome\n* **[01:42](#t=01:42)** Scott's butt pincher\n* [Affenpinscher](https://en.wikipedia.org/wiki/Affenpinscher)\n* **[06:08](#t=06:08)** You keep missing my favorite thing about Civet\n* [Civet](https://en.wikipedia.org/wiki/Civet)\n* **[07:31](#t=07:31)** What soft skills can I learn to help me in my career?\n* [HTML, CSS and JS in an ADD, OCD, Bi-Polar, Dyslexic and Autistic World | CSS-Tricks - CSS-Tricks](https://css-tricks.com/hmtl-css-and-js-in-an-add-ocd-bi-polar-dyslexic-and-autistic-world/)\n* **[12:42](#t=12:42)** Have you thought about release notes or a what's new section?\n* [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/)\n* [How to generate Changelog using Conventional Commits | by Riccardo Canella | Jobtome Engineering | Medium](https://medium.com/jobtome-engineering/how-to-generate-changelog-using-conventional-commits-10be40f5826c)\n* **[15:57](#t=15:57)** Can you explain headless CMS and what the use-cases/implementations are?\n* **[19:24](#t=19:24)** Any suggestions for dealing with web components and the client's tracking scripts\n* [How to Read Flamegraphs 🔥](https://www.webperf.tips/tip/understanding-flamegraphs/)\n* [Chromium F12 Profiler: The Main Thread Pane](https://www.webperf.tips/tip/main-profiler-pane/)\n* [Agent Creation has a large CPU time · Issue #915 · bluesky-social/atproto](https://github.com/bluesky-social/atproto/issues/915#issuecomment-1539112436)\n* **[25:27](#t=25:27)** Why do we need .d.ts files in TypeScript?\n* **[30:15](#t=30:15)** What is inset in CSS?\n* [inset - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/inset)\n* **[35:06](#t=35:06)** Is there a way to use AI/chat gpt to more quickly and easily understand technical documentation?\n* [Anthropic \\ Home](https://www.anthropic.com/)\n* [Getting Started 🚀 Astro Documentation](https://docs.astro.build/en/getting-started/)\n* [ChatGPT Plugin - AskTheCode | GPTStore.ai](https://gptstore.ai/plugins/askthecode-dsomok-online)\n* [ChatGPT Plugin - Scraper | GPTStore.ai](https://gptstore.ai/plugins/api-gafo-tech)\n* [Overview | TanStack Query Docs](https://tanstack.com/query/v4/docs/react/overview)\n* [Custom instructions for ChatGPT](https://openai.com/blog/custom-instructions-for-chatgpt)\n* **[40:59](#t=40:59)** why is the following true: the string \"undefined\".includes(undefined)?\n* **[43:27](#t=43:27)** How do you organize your code directories?\n* **[48:50](#t=48:50)** Is there any good reason in 2023 why we should still be loading JS files with all our script tags at the bottom of the body element?\n* **[54:32](#t=54:32)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [Surge power bar](https://amzn.to/3YMdzpR)\n* Wes: [Little Hippo Alarm](https://amzn.to/3EqvxVH)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"2fdea0ceca488c57c5f951d22ca6bc0b3f94db162a35eb78042629750d0acf1d","slug":"potluck-soft-skills-release-notes-headless-cms-organizing-code-inet-css","md_file":"/shows/663 - Tasty potluck.md","created_at":"2023-10-16T20:08:29.190Z","updated_at":"2024-08-29T14:18:18.465Z","show_type":"TASTY","guests":[],"notesFile":"/shows/663 - Tasty potluck.md","displayNumber":"663","displayDate":"September 6th, 2023"},{"id":"syntax_podcast_show_00662","number":662,"title":"JavaScript Closures & Scope Explained","date":"2023-09-04T12:00:00.811Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_662.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes explain closures and the different types of scope used, and examples of where a closure is useful.\n\n## Show Notes\n\n* **[00:25](#t=00:25)** Welcome\n* **[02:10](#t=02:10)** Scope\n* [Beginner JavaScript course](https://beginnerjavascript.com)\n* **[04:37](#t=04:37)** Local scope\n* **[07:35](#t=07:35)** Enclosing scope\n* **[09:39](#t=09:39)** Module scope\n* **[10:36](#t=10:36)** JavaScript is lexically scoped\n* **[11:50](#t=11:50)** Closures explained\n* **[16:06](#t=16:06)** Examples of where a closure is useful\n* [Examples of Closures](https://wesbos.com/javascript/03-the-tricky-bits/closures#examples-of-closures)\n* [Tricky Bits](https://wesbos.com/javascript/03-the-tricky-bits/scope)\n* **[22:56](#t=22:56)** Why don't you just use a class?\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"2edcdcc4187e27dd699d6cb3d103d5aa9008cd40826eecd9244d5f3c5999b7b8","slug":"javascript-closures-and-scope-explained","md_file":"/shows/662 - Hasty.md","created_at":"2023-10-16T20:08:29.145Z","updated_at":"2024-08-29T14:18:18.435Z","show_type":"HASTY","guests":[],"notesFile":"/shows/662 - Hasty.md","displayNumber":"662","displayDate":"September 4th, 2023"},{"id":"syntax_podcast_show_00661","number":661,"title":"Supper Club × Shipping ESM with Mark Erikson","date":"2023-09-01T12:00:00.565Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_661.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Mark Erikson about his work in helping others understand shipping ESM, how to deal with permutations, whether default imports are helpful, whether TypeScript has made it easier, and what Mark's tool stack is for building.\n\n## Show Notes\n\n- **[00:36](#t=00:36)** Welcome!\n- **[01:45](#t=01:45)** Introducing Shipping ESM with Mark Erikson\n- [Mark Erikson (@acemarke)](https://twitter.com/acemarke)\n- [Wes Bos on Twitter: \"publishing packages that work in esm and cjs is such a nightmare. I've run into so many issues today and took forever to get the proper package.json exports. I can't wait until we're 100% esm. I think I have every single combo covered.\"](https://twitter.com/wesbos/status/1610385221324619780)\n- [Mark's Dev Blog](https://blog.isquaredsoftware.com/)\n- [Blogged Answers: My Experience Modernizing Packages to ESM](https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/)\n- [Greatest Hits: The Most Popular and Most Useful Posts I've Written](https://blog.isquaredsoftware.com/2020/08/greatest-hits/)\n- [arethetypeswrong.github.io: Tool for analyzing TypeScript types of npm packages](https://github.com/arethetypeswrong/arethetypeswrong.github.io)\n- [publint](https://publint.dev/)\n- **[07:01](#t=07:01)** How did we get to this space in modules?\n- **[16:30](#t=16:30)** How do you deal with permutations?\n- **[22:13](#t=22:13)** Do bundlers get in the way or helping?\n- **[26:16](#t=26:16)** Are default imports useful?\n- **[30:35](#t=30:35)** Are the types wrong errors\n- **[33:41](#t=33:41)** Has TypeScript made this easier?\n- **[37:56](#t=37:56)** What's your tool stack for building?\n- **[39:32](#t=39:32)** How do you test?\n- **[41:35](#t=41:35)** Will we ever stop bundling?\n- **[48:03](#t=48:03)** What about source maps?\n- **[52:32](#t=52:32)** Supper Club Questions\n- [What is Windows Subsystem for Linux](https://learn.microsoft.com/en-us/windows/wsl/about)\n- [Eagle Oceanic Next](https://marketplace.visualstudio.com/items?itemName=graf009.Eagle-Oceanic-Next)\n- [DroidSansMono NF Font](https://eng.m.fontke.com/font/24637914/)\n- **[55:18](#t=55:18)** React Types has more downloads than React?\n- **[59:42](#t=59:42)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [Shirley Wu—Taking up space (Keynote, Outlier 2023)](https://www.youtube.com/watch?v=zF7mSTVwVs0)\n\n## Shameless Plugs\n\n- [Replay (@replayio)](https://twitter.com/replayio)\n- [Replay - The time-travel debugger from the future.](https://www.replay.io/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"e3cbcf66b35e4581940e3d00afa462b91156c9b5c5fb0690c458d0b7ff63fb38","slug":"supper-club-shipping-esm-with-mark-erikson","md_file":"/shows/661 - Mark Supperclub.md","created_at":"2023-10-16T20:08:29.018Z","updated_at":"2024-08-29T14:18:18.373Z","show_type":"SUPPER","guests":[{"Guest":{"github":"markerikson","name":"Mark Erikson"}}],"notesFile":"/shows/661 - Mark Supperclub.md","displayNumber":"661","displayDate":"September 1st, 2023"},{"id":"syntax_podcast_show_00660","number":660,"title":"Anything but Coding - Landscaping, Fitness, and more!","date":"2023-08-30T12:00:00.953Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_660.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about concerts, getting tired because of being old, landscaping, spinning on your head, gym updates, awful search engines and awful ethics for YouTubers, rewiring old engines, and what's being streamed.\n\n## Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* **[01:49](#t=01:49)** Being tired\n* [The Strokes & Weyes Blood Tickets | 14th August | Red Rocks Amphitheatre](https://www.theredrocksamphitheater.com/events/the-strokes-weyes-blood/)\n* **[05:08](#t=05:08)** Landscaping\n* **[10:53](#t=10:53)** Gym updates\n* **[23:01](#t=23:01)** House projects\n* **[28:39](#t=28:39)** Why are search engines so awful these days?\n* **[39:20](#t=39:20)** Internet routing\n* **[45:17](#t=45:17)** Linus Tech Tips ethics and issues\n* **[48:29](#t=48:29)** Rewiring a kid's ATV\n* **[50:49](#t=50:49)** What we're watching\n* [The Stronger By Science Podcast](https://sbspod.com/)\n* [Watch Full Swing | Netflix Official Site](https://www.netflix.com/ca/title/81483353)\n* [Break Point | Official Trailer | Netflix](https://www.youtube.com/watch?v=sWBqn8fdhWs)\n* [Watch Formula 1: Drive to Survive | Netflix Official Site](https://www.netflix.com/ca/title/80204890)\n* **[58:37](#t=58:37)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [The First Cat in Space Ate Pizza](https://amzn.to/3OtmJ5S)\n* Wes: Steam cleaner\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"d416899d1287fa366b45abd5cb308988a7f6a51811fb78c31435f56c0651416c","slug":"anything-but-coding-landscaping-fitness-and-more","md_file":"/shows/660 - Tasty No Coding.md","created_at":"2023-10-16T20:08:28.967Z","updated_at":"2024-08-29T14:18:18.343Z","show_type":"TASTY","guests":[],"notesFile":"/shows/660 - Tasty No Coding.md","displayNumber":"660","displayDate":"August 30th, 2023"},{"id":"syntax_podcast_show_00659","number":659,"title":"OG Image Options","date":"2023-08-28T12:00:00.717Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_659.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about OG images, interesting ways you can work with them, and ways you can work dynamically with them.\n\n## Show Notes\n\n- **[00:11](#t=00:11)** Welcome\n- **[02:18](#t=02:18)** What are OG images?\n- **[06:19](#t=06:19)** Testing OG images\n- [Polypane, The browser for ambitious web developers](https://polypane.app/)\n- [Meta Tags — Preview, Edit and Generate](https://metatags.io/)\n- [Sharing Debugger - Meta for Developers](https://developers.facebook.com/tools/debug/)\n- [Card Validator | Twitter Developers](https://cards-dev.twitter.com/validator)\n- **[08:27](#t=08:27)** Creating an OG image\n- [vercel/satori: Enlightened library to convert HTML and CSS to SVG](https://github.com/vercel/satori)\n- [Open Graph (OG) Image Generation | Vercel Docs](https://vercel.com/docs/concepts/functions/edge-functions/og-image-generation)\n- [Introducing OG Image Generation: Fast, dynamic social card images at the Edge – Vercel](https://vercel.com/blog/introducing-vercel-og-image-generation-fast-dynamic-social-card-images)\n- **[09:41](#t=09:41)** Dynamically generating OG images\n- [wesbos.com/thumbnail/?thumbnail=%2Fstatic%2F0005c028a536c87975eb84ae3d32ae57%2Faeron.jpg&title=Uses&url=https%3A%2F%2Fwesbos.com%2Fuses](https://wesbos.com/thumbnail?thumbnail=/static/0005c028a536c87975eb84ae3d32ae57/aeron.jpg&title=Uses&url=https://wesbos.com/uses)\n- **[21:16](#t=21:16)** Using Puppeteer\n- [Puppeteer | Puppeteer](https://pptr.dev/)\n- [Puppeteer · Browser Rendering docs](https://developers.cloudflare.com/browser-rendering/platform/puppeteer/)\n- [Cloudinary - Image and Video Upload, Store ad Monetization](https://cloudinary.com/ip/gr-sea-gg-brand-home-base?campaignid=18164753405&adgroupid=144188713167&keyword=cloudinary&device=c&matchtype=e&adposition=&gad=1)\n- [Fast and reliable end-to-end testing for modern web apps | Playwright](https://playwright.dev/)\n- **[28:47](#t=28:47)** Canva API\n- [Build The Tools Behind Great Design | Canva Developers](https://www.canva.com/developers/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"53d261b7415a238897082df8f799f2736b269b02aef8db7011aa0ad21d5fb1f0","slug":"og-image-options","md_file":"/shows/659 - hasty.md","created_at":"2023-10-16T20:08:28.933Z","updated_at":"2024-08-29T14:18:18.313Z","show_type":"HASTY","guests":[],"notesFile":"/shows/659 - hasty.md","displayNumber":"659","displayDate":"August 28th, 2023"},{"id":"syntax_podcast_show_00658","number":658,"title":"Supper Club × Make React 70% Faster! Million.js with 18 Year Old Aiden Bai","date":"2023-08-25T12:28:00.632Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_658.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Aiden Bai about his work on Million.js that aims to make React a lot faster. How does Million.js make React faster? And most importantly: has Aiden ever used a VCR?\n\n## Show Notes\n\n- **[00:35](#t=00:35)** Welcome\n- **[00:57](#t=00:57)** Introducing Aiden Bai\n- [Aiden Bai](https://aidenybai.com/)\n- [aidenybai on GitHub](https://github.com/aidenybai)\n- [@aidenybai on Twitter](https://twitter.com/aidenybai)\n- [Aiden Bai on YouTube](https://www.youtube.com/@aidenbai)\n- [Million.js](https://million.dev/)\n- **[01:57](#t=01:57)** What is Million.js?\n- **[03:20](#t=03:20)** How does React do rendering now?\n- **[04:31](#t=04:31)** How does Million.js make it faster?\n- **[07:37](#t=07:37)** What goes into creating a compiler?\n- **[08:24](#t=08:24)** How do you go from learning JavaScript to writing compilers?\n- **[11:05](#t=11:05)** Wyze WebRTC stream work\n- **[13:13](#t=13:13)** What are you using to benchmark and test?\n- [solidjs.com](https://www.solidjs.com/)\n- [js-framework-benchmark](https://github.com/krausest/js-framework-benchmark)\n- [xkcd: Compiling](https://xkcd.com/303/)\n- **[18:19](#t=18:19)** What does a slowly rendering site look like?\n- **[23:54](#t=23:54)** How do you handle find on page with large amounts of code?\n- **[25:32](#t=25:32)** What does 70% faster with Million.js mean?\n- [Hyper™](https://hyper.is/)\n- [Warp: Your terminal, reimagined](https://www.warp.dev/)\n- **[26:44](#t=26:44)** Why are maps slow?\n- [Supper Club × WASM, Fastly Edge, and Polyfill.io with Jake Champion — Syntax Podcast 643](https://syntax.fm/show/643/supper-club-wasm-fastly-edge-and-polyfill-io-with-jake-champion)\n- **[28:19](#t=28:19)** Benefits of the Macro API\n- **[31:12](#t=31:12)** Does Million.js work across the board?\n- **[33:03](#t=33:03)** Does it ever break projects? How do you test Million.js?\n- **[35:35](#t=35:35)** How do you keep up on your GitHub issues?\n- **[37:40](#t=37:40)** What other areas of tech are you interested in working on?\n- [partytown](https://github.com/BuilderIO/partytown)\n- **[39:32](#t=39:32)** What was the inspiration for your website?\n- **[43:52](#t=43:52)** Supper Club questions\n- [Gruvbox with Material Palette](https://github.com/sainnhe/gruvbox-material)\n- [iTerm2 - macOS Terminal Replacement](https://iterm2.com/)\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [Barbie (2023) directed by Greta Gerwig • Reviews, film + cast • Letterboxd](https://letterboxd.com/film/barbie/)\n- [Teenage Mutant Ninja Turtles: Mutant Mayhem (2023) directed by Jeff Rowe • Reviews, film + cast • Letterboxd](https://letterboxd.com/film/teenage-mutant-ninja-turtles-mutant-mayhem/)\n\n## Shameless Plugs\n\n- [Million Kitchen Sink](https://sink.million.dev/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"2f039d9af920999dcb746ed6a6d892d244f2caa4ac994781c4b4a60f68d05fd5","slug":"supper-club-make-react-70-faster-million-js-with-18-year-old-aiden-bai","md_file":"/shows/658 - supper.md","created_at":"2023-10-16T20:08:28.766Z","updated_at":"2024-08-29T14:18:18.236Z","show_type":"SUPPER","guests":[{"Guest":{"github":"aidenybai","name":"Aiden Bai"}}],"notesFile":"/shows/658 - supper.md","displayNumber":"658","displayDate":"August 25th, 2023"},{"id":"syntax_podcast_show_00657","number":657,"title":"Rust for JS Devs — Part 2","date":"2023-08-23T12:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_657.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott jump into part 2 of their look at Rust for JavaScript developers, including variables in Rust, type systems in Rust, signed and unsigned integers, and more.\n\n## Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* **[00:43](#t=00:43)** Audio issue bugs\n* **[03:17](#t=03:17)** Building decks\n* **[06:06](#t=06:06)** Variables in Rust\n* [Syntax 647: Rust for JavaScript Developers - Node vs Rust Concepts](https://syntax.fm/show/647/rust-for-javascript-developers-node-vs-rust-concepts)\n\n```\nlet x = 5; // x is immutable\nlet mut x = 5; // x is mutable\nconst MAX_POINTS: u32 = 100_000; // must be defined at compile time\n```\n\n* **[10:42](#t=10:42)** Type System in Rust\n* **[15:52](#t=15:52)** Types in Rust\n* **[19:06](#t=19:06)** Why does Rust have signed and unsigned integers?\n* **[23:35](#t=23:35)** Slicing strings with &str\n* **[27:35](#t=27:35)** enum\n* **[27:55](#t=27:55)** struct\n* **[28:19](#t=28:19)** Vec\n* **[29:33](#t=29:33)** HashMap and HashSet\n* **[33:00](#t=33:00)** Converting Signed to Unsigned Numbers\n\n```\nlet unsigned_value: u8 = 200;\nlet signed_value: i8 = unsigned_value as i8;\n```\n\n* **[36:12](#t=36:12)** What’s up with &str?\n* **[43:31](#t=43:31)** Rust error messages\n* **[45:28](#t=45:28)** What is a Struct?\n\n```\nstruct User {\n username: String,\n email: String,\n sign_in_count: u64,\n active: bool,\n}\n\n// You can create an instance of a struct like this:\nlet user1 = User {\n email: String::from(\"someone@example.com\"),\n username: String::from(\"someusername123\"),\n active: true,\n sign_in_count: 1,\n};\n\nimpl User {\n fn login(&mut self) {\n self.login_count += 1;\n }\n}\n```\n\n* **[49:17](#t=49:17)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [Thermacell Patio Shield](https://amzn.to/3PZmbXG)\n* Wes: [Magnet Phone Mount](https://amzn.to/3OPIHS5)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"317faa734e1f216bbbcbf3cd8c069f38ea004a8d4408ff6127fce544d78a5b8a","slug":"rust-for-js-devs-part-2","md_file":"/shows/657 - Tasty.md","created_at":"2023-10-16T20:08:28.720Z","updated_at":"2024-08-29T14:18:18.203Z","show_type":"TASTY","guests":[],"notesFile":"/shows/657 - Tasty.md","displayNumber":"657","displayDate":"August 23rd, 2023"},{"id":"syntax_podcast_show_00656","number":656,"title":"8 Tricks When Using the Fetch() API","date":"2023-08-21T12:00:00.247Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_656.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about 8 tricks to try when using the Fetch() API.\n\n## Show Notes\n\n* **[00:23](#t=00:23)** Welcome\n* **[02:14](#t=02:14)** 1) Stream The Result\n\n```\n// Create a new TextDecoder instance\nconst decoder = new TextDecoder();\n\n// Make the fetch request\nfetch('https://api.example.com/streaming-data')\n .then(response => {\n // Check if the response is valid\n if (!response.ok) {\n throw new Error('Network response was not ok');\n }\n\n // Stream the response data using a TextDecoder\n const reader = response.body.getReader();\n\n // Function to read the streamed chunks\n function read() {\n return reader.read().then(({ done, value }) => {\n // Check if the streaming is complete\n if (done) {\n console.log('Streaming complete');\n return;\n }\n\n // Decode and process the streamed data\n const decodedData = decoder.decode(value, { stream: true });\n console.log(decodedData);\n\n // Continue reading the next chunk\n return read();\n });\n }\n\n // Start reading the chunks\n return read();\n })\n .catch(error => {\n // Handle errors\n console.log('Error:', error);\n });\n ```\n\n* **[06:05](#t=06:05)** 2) Download Progress\n* [Download progress example](https://twitter.com/wesbos/status/1688914467864903684)\n* **[09:40](#t=09:40)** 3) Cancel Streams - Abort Controller\n\n```\n// Create an AbortController instance\nconst controller = new AbortController();\n\n// Set a timeout to abort the request after 5 seconds\nconst timeout = setTimeout(() => {\ncontroller.abort();\n}, 5000);\n\n// Fetch request with the AbortController\nfetch('https://api.example.com/data', { signal: controller.signal })\n```\n\n* **[11:32](#t=11:32)** 4) Testing if JSON is returned\n* **[13:18](#t=13:18)** 5) async + await + catch\n\n`const data = await fetch().catch(err => console.log(err));`\n\n* **[14:42](#t=14:42)** 6) to awaited - return error and data at top level\n\n```\nconst [err, data] = collect(fetch())\nif(err) // ....\n```\n\n* [await-to-js - npm](https://www.npmjs.com/package/await-to-js)\n* **[16:58](#t=16:58)** 7) Dev tools - Copy as fetch\n* **[17:54](#t=17:54)** 8) You can programatically create a Request, Response and Headers objects\n\n```\nconst myRequest = new Request('https://traffic.libsyn.com/syntax/Syntax_-_641.mp3', {\n headers: {\n 'Content-Type': 'text/plain',\n }\n});\n\nfetch(myRequest)\n```\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"8391ff3034cd977ffb7ee91531951e42f32b1de869aeb7217dbb5e4035c9baee","slug":"8-tricks-when-using-the-fetch-api","md_file":"/shows/656 - Hasty Fetch.md","created_at":"2023-10-16T20:08:28.678Z","updated_at":"2024-08-29T14:18:18.169Z","show_type":"HASTY","guests":[],"notesFile":"/shows/656 - Hasty Fetch.md","displayNumber":"656","displayDate":"August 21st, 2023"},{"id":"syntax_podcast_show_00655","number":655,"title":"Supper Club × How Descript Built A Next Gen Video Editor In The Browser With Andrew Lisowski","date":"2023-08-18T12:00:00.942Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_655.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Andrew Lisowski about working on Descript, web streams vs local storage, using state machines, writing CSS with Radix, monorepos, and more.\n\n## Show Notes\n\n- **[00:35](#t=00:35)** Welcome\n- **[01:07](#t=01:07)** What is Descript?\n- [Descript | All-in-one video & podcast editing, easy as a doc.](https://www.descript.com/)\n- [Work — Sandwich](https://sandwich.co/work/descript-video/)\n- **[02:21](#t=02:21)** Who is Andrew Lisowski?\n- [Andrew Lisowski (@HipsterSmoothie) / X](https://twitter.com/hipstersmoothie?lang=en)\n- [hipstersmoothie.com](https://www.hipstersmoothie.com/)\n- [Descript (@DescriptApp) / X](https://twitter.com/DescriptApp)\n- [devtools.fm](https://www.devtools.fm/)\n- **[04:51](#t=04:51)** How does Descript interact with the webcam?\n- **[08:52](#t=08:52)** Web streams vs local first\n- [Web Streams Explained — Syntax Podcast 587](https://syntax.fm/show/587/web-streams-explained)\n- **[10:06](#t=10:06)** How are you exporting video?\n- [GitHub - Yahweasel/libav.js: This is a compilation of the libraries associated with handling audio and video in ffmpeg—libavformat, libavcodec, libavfilter, libavutil, libswresample, and libswscale—for emscripten, and thus the web.](https://github.com/Yahweasel/libav.js/)\n- [Riverside.fm - Record Podcasts And Videos From Anywhere](https://riverside.fm/)\n- **[14:40](#t=14:40)** How does Descript deal with recording fails?\n- **[17:17](#t=17:17)** How does Descript design and build the UI?\n- **[19:37](#t=19:37)** What did you like about state machines?\n- [XState - JavaScript State Machines and Statecharts](https://xstate.js.org/)\n- **[24:12](#t=24:12)** How are you writing your CSS with Radix?\n- [Themes – Radix UI](https://www.radix-ui.com/)\n- [Home | Open UI](https://open-ui.org/)\n- **[30:30](#t=30:30)** How does the marketing site's tech stack compare?\n- **[31:44](#t=31:44)** Playwright vs Cypress\n- [Fast and reliable end-to-end testing for modern web apps | Playwright](https://playwright.dev/)\n- [JavaScript Component Testing and E2E Testing Framework | Cypress](https://www.cypress.io/)\n- **[36:26](#t=36:26)** What tech do you use for monorepos?\n- **[37:01](#t=37:01)** What's your build tool?\n- [Workspaces | Yarn - Package Manager](https://yarnpkg.com/features/workspaces)\n- [Turbo](https://turbo.build/)\n- [webpack](https://webpack.js.org/)\n- **[40:18](#t=40:18)** Moving to the web means moving things to the backend\n- **[41:37](#t=41:37)** Descript focuses AI tools on helping creators\n- [Eye Contact: AI Video Effect | Descript](https://www.descript.com/eye-contact)\n- **[50:50](#t=50:50)** Supper Club questions\n- [Topre Switch Mechanical Keyboards](https://mechanicalkeyboards.com/shop/index.php?c=79&l=product_list)\n- [REALFORCE | Premium Keyboard, PBT, Capacitive Key Switch](https://www.realforce.co.jp/en/)\n- [Iosevka](https://typeof.net/Iosevka/)\n- [Github Dark High Contrast - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=hipstersmoothie-public.github-dark-high-contrast)\n- **[56:21](#t=56:21)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [Lexical](https://lexical.dev/)\n- [shadcn/ui](https://ui.shadcn.com/)\n\n## Shameless Plugs\n\n- [devtools.fm](https://www.devtools.fm/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"4dccd53acfdf3e26ce11100b429cc39b7c6341eb8bcf1b6eb4f2fad11e59f49f","slug":"supper-club-how-descript-built-a-next-gen-video-editor-in-the-browser-with-andrew-lisowski","md_file":"/shows/655 - Supper Descript.md","created_at":"2023-10-16T20:08:28.575Z","updated_at":"2024-08-29T14:18:18.098Z","show_type":"SUPPER","guests":[{"Guest":{"github":"hipstersmoothie","name":"Andrew Lisowski"}}],"notesFile":"/shows/655 - Supper Descript.md","displayNumber":"655","displayDate":"August 18th, 2023"},{"id":"syntax_podcast_show_00654","number":654,"title":"6 or so New Approved and Proposed JavaScript APIs","date":"2023-08-16T12:00:00.499Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_654.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about new approved and proposed JavaScript API changes including Promise.withResolvers, .at(), Immutable Array Methods, Array.fromAsync, and more.\n\n## Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* **[04:55](#t=04:55)** What are we going to cover?\n* **[06:10](#t=06:10)** Promise.withResolvers\n* **[09:40](#t=09:40)** .at()\n* [You probably knew about JavaScript's new .at() method for accessing array items. Did you know it works for strings too?](https://twitter.com/wesbos/status/1684964556542550031)\n* [@IAmAndrewLuca](https://twitter.com/iamandrewluca)\n* **[15:59](#t=15:59)** Immutable Array Methods\n* [Wes Bos: \"🔥 Pretty excited about the new JavaScript non-mutating array methods. Currently in stage 3. .toReversed() .toSorted() .toSpliced() - remove items .with() - replace items](https://twitter.com/wesbos/status/1593271021557239809)\n* **[21:48](#t=21:48)** Array.fromAsync\n* [Proposal for array.fromAsync](https://github.com/tc39/proposal-array-from-async)\n* **[27:15](#t=27:15)** Array Grouping\n* [Proposal for Array grouping](https://github.com/tc39/proposal-array-grouping)\n* **[31:04](#t=31:04)** Observable Events?\n* [Observable Events?](https://github.com/domfarolino/observable)\n* **[35:28](#t=35:28)** Import Attributes\n* **[39:21](#t=39:21)** v.emplace method\n* **[41:15](#t=41:15)** Decorators\n* [Proposal for Pattern Matching](https://github.com/tc39/proposal-pattern-matching)\n* **[45:42](#t=45:42)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [Artifact.news](https://artifact.news/)\n* Wes: LED lights for bikes\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"5f75134847f23cd38f530bd1a191ed2fc3885bd5ab7dc26e111e80da841df548","slug":"6-or-so-new-approved-and-proposed-javascript-apis","md_file":"/shows/654 - Tasty.md","created_at":"2023-10-16T20:08:28.523Z","updated_at":"2024-08-29T14:18:18.067Z","show_type":"TASTY","guests":[],"notesFile":"/shows/654 - Tasty.md","displayNumber":"654","displayDate":"August 16th, 2023"},{"id":"syntax_podcast_show_00653","number":653,"title":"JS Fundamentals - Decorators","date":"2023-08-14T12:00:00.681Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_653.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about whether decorators are finally here, what the uses cases are for decorators, how to define a decorator, and what auto accessor is.\n\n## Show Notes\n\n* **[00:25](#t=00:25)** Welcome\n* **[01:00](#t=01:00)** Are decorators finally here?\n* [TC39 proposal](https://github.com/tc39/proposal-decorators/blob/master/EXTENSIONS.md)\n* [How this compares to other versions of decorators](https://github.com/tc39/proposal-decorators#how-does-this-proposal-compare-to-other-versions-of-decorators)\n* **[06:47](#t=06:47)** What are use cases for decorators?\n* **[10:55](#t=10:55)** How do you define a decorator?\n* **[14:20](#t=14:20)** Auto Accessor\n\non classes\n\n```\n@loggged\nclass C {}\n```\n\non fields\n\n```\nclass C {\n@logged x = 1;\n}\n```\n\nAuto Accessor\n\n```\nclass C {\n accessor x = 1;\n}\n```\n\nsugar for below\n\n```\nclass C {\n #x = 1; // # means private\n\n get x() {\n return this.#x;\n }\n\n set x(val) {\n this.#x = val;\n }\n}\n```\n\nCan be decorated and decorator can return new get and set and init functions\n\n```\nfunction logged(value, { kind, name }) {\n if (kind === \"accessor\") {\n let { get, set } = value;\n\n return {\n get() {\n console.log(`getting ${name}`);\n\n return get.call(this);\n },\n\n set(val) {\n console.log(`setting ${name} to ${val}`);\n\n return set.call(this, val);\n },\n\n init(initialValue) {\n console.log(`initializing ${name} with value ${initialValue}`);\n return initialValue;\n }\n };\n }\n\n // ...\n}\n```\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"41751baa4387a28432a219a05377651a8f4de1329516a4b9fead8e19ced412a3","slug":"js-fundamentals-decorators","md_file":"/shows/653 - Decorators.md","created_at":"2023-10-16T20:08:28.480Z","updated_at":"2024-08-29T14:18:18.035Z","show_type":"HASTY","guests":[],"notesFile":"/shows/653 - Decorators.md","displayNumber":"653","displayDate":"August 14th, 2023"},{"id":"syntax_podcast_show_00652","number":652,"title":"Supper Club × Flightcontrol with Brandon Bayer","date":"2023-08-11T12:00:00.455Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_652.mp3","youtube_url":null,"show_notes":"\nCan you have a Vercel like experience on your own AWS? Scott and Wes talk with Brandon Bayer about Flightcontrol - what it is, how to use it on your app, pricing, and more.\n\n## Show Notes\n\n- **[00:32](#t=00:32)** Welcome\n- **[01:28](#t=01:28)** Who is Brandon Bayer?\n- [Brandon 🚀 Flightcontrol (@flybayer) / X](https://twitter.com/flybayer?lang=en)\n- [Flightcontrol (@Flightcontrolhq) / X](https://twitter.com/flightcontrolhq)\n- [Blitz.js - The Missing Fullstack Toolkit for Next.js](https://blitzjs.com/)\n- [Flightcontrol — AWS Without Pain](https://www.flightcontrol.dev/)\n- [Tailwind Connect 2023 | Tailwind CSS Live Event](https://connect.tailwindcss.com/)\n- **[03:00](#t=03:00)** How do you fly?\n- **[06:10](#t=06:10)** What is Flightcontrol?\n- **[10:00](#t=10:00)** Why doesn't Amazon make it easier?\n- **[11:34](#t=11:34)** Which parts of the AWS stack should I use?\n- **[15:08](#t=15:08)** Creating the infrastructure\n- **[19:01](#t=19:01)** Ongoing deployment\n- **[20:05](#t=20:05)** What languages does Flightcontrol support?\n- **[23:35](#t=23:35)** How are events or cron handled?\n- **[25:24](#t=25:24)** What is Temporal?\n- [Open Source Durable Execution Platform | Temporal Technologies](https://temporal.io/)\n- **[29:05](#t=29:05)** What are Nixpacks?\n- [GitHub - railwayapp/nixpacks: App source + Nix packages + Docker = Image](https://github.com/railwayapp/nixpacks)\n- **[35:50](#t=35:50)** How is Flightcontrol priced?\n- [How To Get Free AWS Credits - Flightcontrol](https://www.flightcontrol.dev/docs/guides/aws/aws-credits)\n- **[44:44](#t=44:44)** How does Flightcontrol help with scaling?\n- [Serverless Compute Engine – AWS Fargate – AWS](https://aws.amazon.com/fargate/)\n- **[46:11](#t=46:11)** What are your thoughts on ReactJS, Server components?\n- **[49:57](#t=49:57)** Supper Club questions\n- [Keychron K3 Ultra-slim Wireless Mechanical Keyboard (Version 2)](https://keychron.ca/products/keychron-k3-wireless-mechanical-keyboard)\n- [Learn to Code - for Free | Codecademy](https://www.codecademy.com/)\n- **[57:20](#t=57:20)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [EAA AirVenture Oshkosh | Oshkosh, Wisconsin | Fly-In & Convention](https://www.eaa.org/airventure)\n- [Ko Tao](https://en.wikipedia.org/wiki/Ko_Tao)\n- [Ko Lanta Yai](https://en.wikipedia.org/wiki/Ko_Lanta_Yai)\n\n## Shameless Plugs\n\n- [Flightcontrol — AWS Without Pain](https://www.flightcontrol.dev/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"8410690ae69774775636487930cf92af9bf6f62f00dd0fd0db21005fdc2798cf","slug":"supper-club-flightcontrol-with-brandon-bayer","md_file":"/shows/652 - Supper.md","created_at":"2023-10-16T20:08:28.369Z","updated_at":"2024-08-29T14:18:17.967Z","show_type":"SUPPER","guests":[{"Guest":{"github":"flybayer","name":"Brandon Bayer"}}],"notesFile":"/shows/652 - Supper.md","displayNumber":"652","displayDate":"August 11th, 2023"},{"id":"syntax_podcast_show_00651","number":651,"title":"Potluck × Is TypeScript Fancy Duct Tape × Back Pain × Cloud Service Rate Limits","date":"2023-08-09T12:00:00.184Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_651.mp3","youtube_url":null,"show_notes":"\nIn this potluck episode of Syntax, Wes and Scott answer your questions about TypeScript just being fancy duct tape, dealing with back pain while coding, rate limits on cloud services, what to use for email provider, is Firebase a legit platform, and more!\n\n## Show Notes\n\n* **[00:11](#t=00:11)** Welcome\n* **[03:11](#t=03:11)** The Sunday scaries\n* **[06:03](#t=06:03)** Is TypeSctipt just a bunch of fancy Duck Tape?\n* [Is TypeScript saving us?](https://stackblitz.com/edit/typescript-xddko7?file=index.ts,index.html)\n* **[12:29](#t=12:29)** How do you go years into programming without back pain?\n* [Hasty Treat - Stretching For Developers with Scott — Syntax Podcast 293](https://syntax.fm/show/293/hasty-treat-stretching-for-developers-with-scott)\n* **[23:51](#t=23:51)** Why don’t cloud services provide an option to shut off services when a spending limit is reached?\n* [DigitalOcean | Cloud Hosting for Builders](https://www.digitalocean.com/)\n* [Vercel: Develop. Preview. Ship. For the best frontend teams](https://vercel.com/)\n* **[28:41](#t=28:41)** How do you choose a CSS library for any project?\n* [The most advanced responsive front-end framework in the world. | Foundation](https://get.foundation/)\n* [960 Grid System](https://960.gs/)\n* **[38:26](#t=38:26)** What's happening to Level Up Tuts?\n* [Level Up Tutorials - Learn modern web development](https://levelup.video/)\n* [Wheels - Skateboard Wheels - 60mm Cali Roll - Shark Wheel](https://sharkwheel.com/wheels/skateboard-wheels/60mm-cali-roll/)\n* **[43:43](#t=43:43)** Not a sponsored Yeti spot\n* **[45:16](#t=45:16)** What do you do for email hosting?\n* [Google Workspace](https://workspace.google.com/lp/business/)\n* [TechSoup Canada](https://www.techsoup.ca/more-nonprofit-deals)\n* [Proton Mail: Get a private, secure, and encrypted email account](https://proton.me/mail)\n* [Outlook](https://outlook.live.com/owa/)\n* [Microsoft 365 Plans](https://www.microsoft.com/en-ca/microsoft-365/business/compare-all-microsoft-365-business-products)\n* [Scheduling Software Everyone Will Love · SavvyCal](https://savvycal.com/)\n* [Synology Photos](https://www.synology.com/en-global/dsm/feature/photos)\n* **[50:34](#t=50:34)** Is Firebase ok to run an app long term with?\n* [Firebase](https://firebase.google.com/)\n* **[58:57](#t=58:57)** Am I wrong to not do productive work intensely?\n* **[01:34](#t=01:34)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [MagSafe Charger, Anker 3-in-1 Cube with MagSafe](https://www.amazon.com/dp/B09TT8GZK9?linkCode=sl1&linkId=b868e82b9d8d18e560d2cb96bf83e2d0&language=en_US)\n* Wes: [6amLifestyle Headphone Hanger Stand Under Desk](https://www.amazon.ca/dp/B01LL3WG1U?keywords=aluminum+headphone+hook&sprefix=headphone+hook+al,aps,130&language=en_US&sr=8-8&linkCode=gs2&linkId=acb6afc9455dd8a4e8570e525546d42d&tag=isi777-20)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"5f610d62cf15c3484ade79eecd1dc328ce2881439fe1e90a2771f79619027118","slug":"potluck-is-typescript-fancy-duct-tape-back-pain-cloud-service-rate-limits","md_file":"/shows/651 - Tasty Potluck.md","created_at":"2023-10-16T20:08:28.323Z","updated_at":"2024-08-29T14:18:17.907Z","show_type":"TASTY","guests":[],"notesFile":"/shows/651 - Tasty Potluck.md","displayNumber":"651","displayDate":"August 9th, 2023"},{"id":"syntax_podcast_show_00650","number":650,"title":"Why is Facebook’s HTML + CSS Such a Mess?","date":"2023-08-07T12:00:00.257Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_650.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about why Threads, Instagram, and all things Facebook have what seems like really messy HTML and CSS?\n\n## Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* [Scott on Threads](https://www.threads.net/@stolinski)\n* [Wes on Threads](https://www.threads.net/@wesbos)\n* **[00:35](#t=00:35)** Threads has got divs\n* **[02:42](#t=02:42)** Tight scoping\n* **[09:44](#t=09:44)** Avoids specificity\n* **[10:37](#t=10:37)** Dealing with ad blockers and scraping\n* **[15:45](#t=15:45)** Divs are free, what's the big deal?\n* **[20:19](#t=20:19)** Facebook is tracking everything\n* **[27:57](#t=27:57)** React Native\n\n* [Stylex: A Contributor’s Story with Hammad Khalid](https://developers.facebook.com/blog/post/2021/12/14/stylex-contributor-story-hammad-khalid/)\n* [Meta Open Source](https://opensource.fb.com/)\n* [Tech stack rebuild for a new Facebook.com - Engineering at Meta](https://engineering.fb.com/2020/05/08/web/facebook-redesign/)\n* [RF21 – Naman Goel – Rethinking CSS - Introducing Stylex](https://www.youtube.com/watch?v=ur-sGzUWId4)\n* [@stylexjs/stylex - npm](https://www.npmjs.com/package/@stylexjs/stylex?activeTab=code)\n* [Facebook CSS-in-JS Solution Stylex Introduced at React Finland 2021](https://www.infoq.com/news/2021/10/facebook-css-js-stylex/)\n* [Boosts - Arc Boosts](https://arcboosts.com/boosts?page=2)\n* [/uses](https://uses.tech/)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"2fa300d48ce0a3a3f0fc3eb613ddfda005dadc4fece62faad0c124aa2b921a28","slug":"why-is-facebook-s-html-css-such-a-mess","md_file":"/shows/650 - Tasty Threads.md","created_at":"2023-10-16T20:08:28.285Z","updated_at":"2024-08-29T14:18:17.873Z","show_type":"HASTY","guests":[],"notesFile":"/shows/650 - Tasty Threads.md","displayNumber":"650","displayDate":"August 7th, 2023"},{"id":"syntax_podcast_show_00649","number":649,"title":"Supper Club × Ryan Florence of Remix","date":"2023-08-04T12:00:00.417Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_649.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Ryan Florence about Remix, working at Shopify, the history of licensing and pricing, quitting Twitter, the state of React Server components, and more.\n\n## Show Notes\n\n- **[00:35](#t=00:35)** Welcome\n- [Ryan Florence](https://ryanflorence.com/)\n- [Ryan Florence (@ryanflorence) / X](https://twitter.com/ryanflorence)\n- [React Training](https://reacttraining.com/)\n- [React Router Docs Moved](https://reacttraining.com/react-router)\n- [ryanflorence (Ryan Florence) · GitHub](https://github.com/ryanflorence)\n- **[01:42](#t=01:42)** Collarbone update\n- **[06:47](#t=06:47)** What is Remix?\n- [Remix.run](https://remix.run/)\n- **[11:43](#t=11:43)** Server actions\n- **[15:33](#t=15:33)** What was the history around licensing?\n- **[20:30](#t=20:30)** Open source is weird now\n- **[22:21](#t=22:21)** Working with Shopify and Hydrogen\n- [Remixing Shopify | Remix](https://remix.run/blog/remixing-shopify)\n- [CSS Zen Garden: The Beauty of CSS Design](https://www.csszengarden.com/)\n- [The Zen of CSS Design: Visual Enlightenment for the Web: Shea, Dave, Holzschlag, Molly E.: 9780321303479: Amazon.com: Books](https://www.amazon.com/exec/obidos/ASIN/0321303474/mezzoblue-20?&linkCode=sl1&linkId=dfe79f27d8b7dace1e7a26065fcd58c4&language=en_US)\n- **[28:04](#t=28:04)** On quitting Twitter\n- **[35:33](#t=35:33)** What's coming up with v2 of Remix?\n- **[40:30](#t=40:30)** The reality of breaking changes\n- **[44:18](#t=44:18)** What's the status of React Server components?\n- **[49:46](#t=49:46)** Will Remix ever have React Server components in it?\n- **[50:55](#t=50:55)** How should we be fetching our data?\n- **[53:04](#t=53:04)** Do you have a wishlist for JSX?\n- **[58:45](#t=58:45)** Supper Club questions\n- [Strapi - Open source Node.js Headless CMS 🚀](https://strapi.io/)\n- [Sidekiq](https://sidekiq.org/)\n- [GitHub - i-tu/Hasklig: Hasklig - a code font with monospaced ligatures](https://github.com/i-tu/Hasklig)\n- [GitHub - sindresorhus/terminal-snazzy: Elegant Terminal theme with bright colors](https://github.com/sindresorhus/terminal-snazzy)\n- **[08:24](#t=08:24)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- Minivans\n\n## Shameless Plugs\n\n- [Shopify](https://www.shopify.com/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"46314a4380a49b3cd08497d9e7ef844fedec577ab2c2006178e2553eaabfca5f","slug":"supper-club-ryan-florence-of-remix","md_file":"/shows/649 - Supper.md","created_at":"2023-10-16T20:08:28.187Z","updated_at":"2024-08-29T14:18:17.815Z","show_type":"SUPPER","guests":[{"Guest":{"github":"ryanflorence","name":"Ryan Florence"}}],"notesFile":"/shows/649 - Supper.md","displayNumber":"649","displayDate":"August 4th, 2023"},{"id":"syntax_podcast_show_00648","number":648,"title":"Standard Server JavaScript - Deno, Workers, Bun and More","date":"2023-08-02T12:00:00.908Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_648.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about JavaScript runtimes available to use, what to consider, and packages to use.\n\n## Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* **[01:00](#t=01:00)** Scott's glasses\n* **[03:46](#t=03:46)** All the runtimes\n* [Bun — A fast all-in-one JavaScript runtime](https://bun.sh/)\n* [Edge Functions Supabase Docs](https://supabase.com/docs/guides/functions)\n* [Edge Functions Netlify Docs](https://docs.netlify.com/edge-functions/overview/)\n* [Deno — A modern runtime for JavaScript and TypeScript](https://deno.land/)\n* [Fast and low overhead web framework, for Node.js | Fastify](https://fastify.dev/)\n* [What Is Edge Computing? Alibaba](https://www.alibabacloud.com/knowledge/what-is-edge-computing)\n* **[05:15](#t=05:15)** A note for anyone new to JavaScript\n* **[08:40](#t=08:40)** Winter CG\n* [WinterCG](https://wintercg.org/)\n* **[11:05](#t=11:05)** Fetch\n* [sindresorhus/ky: JavaScript HTTP client based on the browser Fetch API](https://github.com/sindresorhus/ky)\n* [website/src/routes/shows/+page.svelte](https://github.com/syntaxfm/website/blob/v2/src/routes/shows/%2Bpage.svelte#L44)\n* **[14:53](#t=14:53)** URL\n* **[20:02](#t=20:02)** addEVentListener\n* [whatwg/fs · Issue #5 · wintercg/proposal-common-minimum-api · GitHub](https://github.com/wintercg/proposal-common-minimum-api/issues/5)\n* **[22:53](#t=22:53)** Web streams\n* [Web Streams Explained — Syntax Podcast 587](https://syntax.fm/show/587/web-streams-explained)\n* **[26:03](#t=26:03)** Structured Clone\n* [Structured JSON | Worker Tools](https://workers.tools/structured-json/)\n* **[33:43](#t=33:43)** What does JSON 5 do?\n* **[34:48](#t=34:48)** Markdown flavors\n* **[36:46](#t=36:46)** File\n* **[40:32](#t=40:32)** AbortController and AbortSignal\n* [DOM Standard](https://dom.spec.whatwg.org/#abortsignal)\n* [DOM Standard](https://dom.spec.whatwg.org/#abortcontroller)\n* **[42:45](#t=42:45)** Packages for building\n* [linkedom - npm](https://www.npmjs.com/package/linkedom)\n* **[44:05](#t=44:05)** Honking the Hono.dev\n* [Itty Router](https://www.npmjs.com/package/itty-router)\n* [Itty Dev](https://itty.dev/)\n* [Hono.dev](https://hono.dev/)\n* **[55:25](#t=55:25)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [Macro Factor](https://macrofactorapp.com/)\n* Wes: [CRP Products](https://crpproducts.com/)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"5dacce6384603d87bca31a75ab2ac04013e4a6b57e607202436853206defc29d","slug":"standard-server-javascript-deno-workers-bun-and-more","md_file":"/shows/648 - Tasty.md","created_at":"2023-10-16T20:08:28.151Z","updated_at":"2024-08-29T14:18:17.781Z","show_type":"TASTY","guests":[],"notesFile":"/shows/648 - Tasty.md","displayNumber":"648","displayDate":"August 2nd, 2023"},{"id":"syntax_podcast_show_00647","number":647,"title":"Rust for JavaScript Developers - Node vs Rust Concepts","date":"2023-07-31T12:00:00.384Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_647.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about Rust, and how the concepts might translate for JavaScript developers looking to try writing in Rust.\n\n## Show Notes\n\n* **[00:26](#t=00:26)** Welcome\n* **[01:08](#t=01:08)** Wes' big beer bottle and Red Green\n* [RedGreenTV on YouTube](https://www.youtube.com/@RedGreenTV)\n* **[05:03](#t=05:03)** Thrift store finds\n* **[06:19](#t=06:19)** Rust in JavaScript\n* [TOML: Tom's Obvious Minimal Language](https://toml.io/en/)\n* **[11:07](#t=11:07)** Documentation\n* [Docs.rs](https://docs.rs/)\n* [Practice.rs](https://practice.rs/comments-docs.html)\n* **[16:46](#t=16:46)** Memory safety\n* **[17:43](#t=17:43)** What about promises in Rust?\n* **[19:24](#t=19:24)** Error handling in Rust\n* **[27:39](#t=27:39)** What's with the double colon?\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"50743f4a60d5feecaa6a5d9f8c5d09cec597ac14a7e05e4611bd449ec844d7af","slug":"rust-for-javascript-developers-node-vs-rust-concepts","md_file":"/shows/647 - Hasty.md","created_at":"2023-10-16T20:08:28.114Z","updated_at":"2024-08-29T14:18:17.742Z","show_type":"HASTY","guests":[],"notesFile":"/shows/647 - Hasty.md","displayNumber":"647","displayDate":"July 31st, 2023"},{"id":"syntax_podcast_show_00646","number":646,"title":"Supper Club × Email Sending, Spam, DMARC, SPF, Styling, and more with Andris Reinman","date":"2023-07-28T12:00:00.686Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_646.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Andris Reinman about his work on all things email - spam, DMARC, SPF, why there's no good CSS in email, and his current project: Email Engine.\n\n## Show Notes\n\n- **[00:36](#t=00:36)** Welcome\n- **[01:56](#t=01:56)** Introducing Andris Reinman\n- [Andris Reinman on GitHub](https://github.com/andris9)\n- [Andris Reinman (@andrisreinman)](https://twitter.com/andrisreinman)\n- [Nodemailer :: Nodemailer](https://nodemailer.com/about/)\n- **[04:34](#t=04:34)** Why is email so difficult?\n- [Free DMARC Monitoring from Postmark](https://dmarc.postmarkapp.com/)\n- [ConvertKit: The creator marketing platform](https://convertkit.com/)\n- **[09:48](#t=09:48)** What has changed in email?\n- **[10:52](#t=10:52)** What are DMARK, SPF and BIMI?\n- **[18:48](#t=18:48)** Is Mailtrain an open source alternative to Mailchimp?\n- [Mailtrain-org/mailtrain: Self hosted newsletter app](https://github.com/Mailtrain-org/mailtrain)\n- **[22:52](#t=22:52)** Why can't we use CSS in email?\n- **[29:05](#t=29:05)** Why is email so expensive?\n- **[32:39](#t=32:39)** How do you keep your emails out of the spam folder?\n- **[35:42](#t=35:42)** What is Email Engine?\n- [EmailEngine Email API](https://emailengine.app/)\n- **[40:16](#t=40:16)** Is Email Engine self hosted?\n- **[41:01](#t=41:01)** How does Ethereal email work?\n- [Ethereal Email](https://ethereal.email/)\n- **[46:16](#t=46:16)** What email client do you use?\n- **[49:44](#t=49:44)** Are any email clients harder to send to?\n- **[55:23](#t=55:23)** Supper Club questions\n- [iTerm2 - macOS Terminal Replacement](https://iterm2.com/)\n- **[59:29](#t=59:29)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [Programming Internet Email: Mastering Internet Messaging Systems: Wood, David: 9781565924796: Books - Amazon.ca](https://www.amazon.ca/dp/1565924797?crid=2GCF7943U1NWA&keywords=programming+internet+email&sprefix=programming+internet+email,aps,136&language=en_US&sr=8-2&linkCode=gs2&linkId=37abb4935d4968e684fb8d17ca29e988&tag=isi777-20)\n\n## Shameless Plugs\n\n- [EmailEngine Email](https://emailengine.app/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"cee09624d8e07725655dc5f6c03e0addf540a3fc543531fdc3afe981746c703d","slug":"supper-club-email-sending-spam-dmarc-spf-styling-and-more-with-andris-reinman","md_file":"/shows/646 - Supper.md","created_at":"2023-10-16T20:08:27.989Z","updated_at":"2024-08-29T14:18:17.678Z","show_type":"SUPPER","guests":[{"Guest":{"github":"andris9","name":"Andris Reinman"}}],"notesFile":"/shows/646 - Supper.md","displayNumber":"646","displayDate":"July 28th, 2023"},{"id":"syntax_podcast_show_00645","number":645,"title":"Polyfills, Transpiling and Monkey Patching","date":"2023-07-26T12:00:00.235Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_645_new.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about what polyfills, transpiling, and monkey patching mean, how and when to do it, and libraries that can help you out.\n\n## Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* **[01:07](#t=01:07)** Toast follow up\n* **[02:45](#t=02:45)** What are transpiling, ponyfill, polyfill, and monkey patching\n* [TC39 Proposals](https://github.com/tc39/proposals)\n* [Pretty excited about the new JavaScript non-mutating array methods. Currently in stage 3](https://twitter.com/wesbos/status/1593271021557239809)\n* **[11:18](#t=11:18)** Transpiling unsupported CSS\n* **[15:11](#t=15:11)** Polyfills\n* [Popover polyfill](https://github.com/oddbird/popover-polyfill/blob/main/src/popover.ts)\n* **[19:22](#t=19:22)** Polyfilling CSS\n* **[21:06](#t=21:06)** HTML polyfills\n* **[27:47](#t=27:47)** How to transpile and polyfill\n* [Babel](https://babeljs.io/)\n* [TypeScript: JavaScript With Syntax For Types](https://www.typescriptlang.org/)\n* [CoffeeScript](https://coffeescript.org/)\n* [Civet](https://civet.dev/)\n* [cronn/jsxtransformer: Pipeline for transforming JSX files using Babel.js and Uglify.js](https://github.com/cronn/jsxtransformer)\n* [Svelte • Cybernetically enhanced web apps](https://svelte.dev/)\n* [Polyfill.io](https://polyfill.io/v3/)\n* [core-js - npm](https://www.npmjs.com/package/core-js)\n* **[35:46](#t=35:46)** Shiv and shims\n* [Shim vs Shiv](https://stackoverflow.com/questions/14429061/html5-shim-vs-shiv)\n* **[38:16](#t=38:16)** Monkey patching\n* **[49:08](#t=49:08)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [Cable sleeve](https://amzn.to/44vKgcW)\n* Wes: [Air Purifier](https://www.meross.com/en-gc/smart-air-purifier/homekit-air-purifier/112)\n* [AliExpress](https://www.aliexpress.com/)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"df06ca69faf417962ab072617dd8c67bf75329da706c56011dde6e1d77c9cb09","slug":"polyfills-transpiling-and-monkey-patching","md_file":"/shows/645 - Tasty.md","created_at":"2023-10-16T20:08:27.952Z","updated_at":"2024-08-29T14:18:17.645Z","show_type":"TASTY","guests":[],"notesFile":"/shows/645 - Tasty.md","displayNumber":"645","displayDate":"July 26th, 2023"},{"id":"syntax_podcast_show_00644","number":644,"title":"User Feedback UI - Toasts, Flash, Validation","date":"2023-07-24T12:00:00.959Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_644.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about toast messages for validation, errors, confirmations, and more.\n\n## Show Notes\n\n* **[00:24](#t=00:24)** Welcome\n* **[01:04](#t=01:04)** Why use these types of notifications\n* **[03:34](#t=03:34)** Old school checking stories\n* **[05:35](#t=05:35)** What kinds of toast messages are there?\n* **[10:02](#t=10:02)** Why toast?\n* **[11:38](#t=11:38)** Best practices for toast messages\n* **[17:09](#t=17:09)** Timeouts and manual close auto close\n* **[19:38](#t=19:38)** Multiple messages stacking on top of each other\n* **[22:56](#t=22:56)** Using a toast library\n* [Building a toast component](https://web.dev/building-a-toast-component/)\n* [react-hot-toast - The Best React Notifications in Town](https://react-hot-toast.com/)\n* [Real-time notification system for products | MagicBell](https://www.magicbell.com/)\n* **[28:29](#t=28:29)** Form validation\n* [Form validation with HTML5 and JavaScript](https://www.freecodecamp.org/news/form-validation-with-html5-and-javascript/)\n* **[33:36](#t=33:36)** HTML inputs\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"bc4244af49a4c1952d838fa4f0f6e366d5e00010433668e9a6f26ff19d12ec8d","slug":"user-feedback-ui-toasts-flash-validation","md_file":"/shows/644 - Hasty Toast.md","created_at":"2023-10-16T20:08:27.899Z","updated_at":"2024-08-29T14:18:17.614Z","show_type":"HASTY","guests":[],"notesFile":"/shows/644 - Hasty Toast.md","displayNumber":"644","displayDate":"July 24th, 2023"},{"id":"syntax_podcast_show_00643","number":643,"title":"Supper Club × WASM, Fastly Edge, and Polyfill.io with Jake Champion","date":"2023-07-21T12:00:00.938Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_643.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Jake Champion about his work with Fastly and Polyfill, the difference between WASI and WASM, what Winter CG is, and what makes Fastly different.\n\n**Note**: This episode mentions polyfill.io, which has since been sold and is [serving up malware](https://www.securityweek.com/polyfill-domain-shut-down-as-owner-disputes-accusations-of-malicious-activity/). You should not use this service, both because likely no longer need a polyfill and for the obvious security issue.\n\n## Show Notes\n\n- **[00:35](#t=00:35)** Welcome\n- **[02:06](#t=02:06)** Who is Jake Champion?\n- [Jake (@JakeDChampion)](https://twitter.com/jakedchampion)\n- [JakeChampion on GitHub](https://github.com/JakeChampion)\n- **[04:31](#t=04:31)** How long as Polyfill been around?\n- **[06:11](#t=06:11)** What is Fastly?\n- [Fastly](https://www.fastly.com/)\n- [Polyfill](https://Polyfill.io)\n- [WASMTime](https://wasmtime.dev/)\n- [SpiderMonkey JavaScript/WebAssembly Engine](https://spidermonkey.dev/)\n- **[12:09](#t=12:09)** What are people running on the edge with Fastly?\n- **[16:29](#t=16:29)** What is Winter CG compliance?\n- [Winter CG proposal](https://github.com/wintercg/proposal-common-minimum-api)\n- **[17:55](#t=17:55)** What about node API's being in platforms\n- **[21:18](#t=21:18)** What is WASI vs WASM?\n- **[24:37](#t=24:37)** Who is Web Assembly for?\n- **[31:34](#t=31:34)** Is there anything WASM is not good for?\n- **[41:39](#t=41:39)** What makes the Fastly runtime different from others\n- [Hono](https://hono.dev/)\n- [Smashing Mag - Web Workers](https://www.smashingmagazine.com/2021/06/web-workers-2021/)\n- [Worker Tools](https://workers.tools)\n- **[47:07](#t=47:07)** Supper Club questions\n- [iTerm2](https://iterm2.com/)\n- [Zsh for Humans](https://github.com/romkatv/zsh4humans)\n- **[50:26](#t=50:26)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [Luther TV Series](https://www.imdb.com/title/tt1474684/)\n- [Forrest Gump](https://www.imdb.com/title/tt0109830/?ref_=nv_sr_srsg_1_tt_5_nm_3_q_Forest%2520Gump)\n\n## Shameless Plugs\n\n- [Fiddle on Fastly](https://fiddle.fastly.dev/)\n- [js-compute](https://github.com/fastly/js-compute-runtime)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"2ae24dc433a0db5a83b33d1e8c4a30825ee4cf0e4b260273da5d785612efedf3","slug":"supper-club-wasm-fastly-edge-and-polyfill-io-with-jake-champion","md_file":"/shows/643 - Supper with Jake.md","created_at":"2023-10-16T20:08:27.795Z","updated_at":"2024-08-29T14:18:17.553Z","show_type":"SUPPER","guests":[{"Guest":{"github":"JakeChampion","name":"Jake Champion"}}],"notesFile":"/shows/643 - Supper with Jake.md","displayNumber":"643","displayDate":"July 21st, 2023"},{"id":"syntax_podcast_show_00642","number":642,"title":"Potluck × CSS Variables in React × JS Notebooks × Selling a Domain","date":"2023-07-19T12:00:00.829Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_642.mp3","youtube_url":null,"show_notes":"\nIn this potluck episode of Syntax, Wes and Scott answer your questions about Prisma, CSS variables in React components, JS notebooks, transcribing podcasts, keeping up with dev skills, selling a domain, and more.\n\n## Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* **[00:42](#t=00:42)** Harassed by a big truck\n* **[03:20](#t=03:20)** Corrections and omissions\n* [Syntax 627 - Electronics for Beginners](https://syntax.fm/show/627/electronics-for-beginners)\n* **[05:57](#t=05:57)** Should I be using $executeRawUnsafe with Prisma?\n* **[09:48](#t=09:48)** unset and initial\n* **[11:54](#t=11:54)** true and false outside ARIA attributes\n* **[14:56](#t=14:56)** Is there a way to modify the CSS variables from the React component?\n* **[18:58](#t=18:58)** How do you feel about the JS notebooks landscape?\n* [Jupyter](https://jupyter.org/)\n* [yunabe/tslab: Interactive JavaScript and TypeScript programming with Jupyter](https://github.com/yunabe/tslab)\n* [Val Town](https://www.val.town/)\n* [The notes app for your working memory - Stashpad](https://www.stashpad.com/)\n* [Obsidian - Sharpen your thinking](https://obsidian.md/)\n* [Light Table](http://lighttable.com/)\n* **[27:39](#t=27:39)** Is it possible to transcribe your podcasts?\n* [World's Most Powerful Speech-to-Text API | Deepgram](https://deepgram.com/)\n* **[29:05](#t=29:05)** Any tips for keeping my developer skills up without burning out?\n* **[36:35](#t=36:35)** Any advice for selling a domain?\n* [Escrow.com | Never buy or sell online without using Escrow.com.](https://www.escrow.com/)\n* **[42:13](#t=42:13)** How do you update and future-proof project dependencies?\n* [Syntax 425 - Updating Project Dependencies](https://syntax.fm/show/425/updating-project-dependencies)\n* **[47:14](#t=47:14)** When I write TypeScript code, I always wonder if it's a generally good practice to use Type-Only import when importing types?\n* **[53:54](#t=53:54)** How would you go about conditional wrapper tags in Astro, Svelte or React?\n* **[56:07](#t=56:07)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [Ancient Architects](https://www.youtube.com/@AncientArchitects)\n* Wes: [Small Rig](https://amzn.to/3NTviaX)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"9a4ff25154379faaa00b683fd9ee769853c9662d5a0cf0d9671c1cc356288bae","slug":"potluck-css-variables-in-react-js-notebooks-selling-a-domain","md_file":"/shows/642 - Tasty potluck.md","created_at":"2023-10-16T20:08:27.760Z","updated_at":"2024-08-29T14:18:17.522Z","show_type":"TASTY","guests":[],"notesFile":"/shows/642 - Tasty potluck.md","displayNumber":"642","displayDate":"July 19th, 2023"},{"id":"syntax_podcast_show_00641","number":641,"title":"Help Me Help You - How To Ask For Help","date":"2023-07-17T12:00:00.139Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_641.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about how to get help for a bug or error you're getting in someone else's code.\n\n## Show Notes\n\n* **[00:26](#t=00:26)** Welcome\n* **[01:54](#t=01:54)** Building a reproduction of the error\n* **[03:55](#t=03:55)** Creating a gist\n* [Gist](https://gist.github.com/)\n* **[04:48](#t=04:48)** Be responsive. Be ready.\n* **[08:03](#t=08:03)** Where do you go first for support?\n* **[09:44](#t=09:44)** Search for your issue first\n* [GitHub Issues](https://docs.github.com/en/issues/tracking-your-work-with-issues/about-issues)\n* **[10:53](#t=10:53)** Be nice\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"f257523c2aff6074a8f59d8e4a4cc836c897211ae185aaf4973337fc3a17269e","slug":"help-me-help-you-how-to-ask-for-help","md_file":"/shows/641 - Hasty helper.md","created_at":"2023-10-16T20:08:27.717Z","updated_at":"2024-08-29T14:18:17.492Z","show_type":"HASTY","guests":[],"notesFile":"/shows/641 - Hasty helper.md","displayNumber":"641","displayDate":"July 17th, 2023"},{"id":"syntax_podcast_show_00640","number":640,"title":"Supper Club × val.town with Steve Krouse","date":"2023-07-14T12:00:00.056Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_640.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Steve Krouse about val.town, what it is, his philosophies on teaching people to code, the tech stack for val.town, and the benefits of inspiring kids to learn to code.\n\n## Show Notes\n\n- **[00:36](#t=00:36)** Welcome\n- **[01:27](#t=01:27)** Who is Steve Krouse?\n- [Steve Krouse](https://stevekrouse.com/)\n- [Future of Coding](https://futureofcoding.org/)\n- [stevekrouse (Steve Krouse) · GitHub](https://github.com/stevekrouse)\n- [Steve Krouse (@stevekrouse) on Twitter](https://twitter.com/stevekrouse)\n- [Coding Classes for Kids & Teens | Coding for Kids | The Coding Space](https://www.thecodingspace.com/)\n- **[03:06](#t=03:06)** What is Val.town?\n- [Val Town](https://www.val.town/pricing)\n- **[08:35](#t=08:35)** Where did the inspiration for social dev environments come from?\n- **[12:52](#t=12:52)** WYSIWYG code vs being code first\n- **[16:30](#t=16:30)** How does val.town inspire people?\n- **[20:26](#t=20:26)** How do you prevent people abusing val.town?\n- **[24:57](#t=24:57)** What's the UI story for snippets on val.town?\n- **[27:31](#t=27:31)** Do you plan to support express?\n- **[29:03](#t=29:03)** What's the tech stack behind the front end of val.town?\n- **[30:35](#t=30:35)** What's the tech stack for the back end of val.town?\n- **[34:37](#t=34:37)** How do you measure for pricing?\n- **[37:07](#t=37:07)** Who is using val.town?\n- **[42:00](#t=42:00)** What's your methodology for teaching kids to code?\n- **[47:44](#t=47:44)** Supper Club questions\n- [GitHub - pomdtr/sunbeam: Generate powerful TUIs from simple scripts written in any language.](https://github.com/pomdtr/sunbeam)\n- [Deno — A modern runtime for JavaScript and TypeScript](https://deno.land/)\n- [A Small Matter of Programming](https://mitpress.mit.edu/9780262140539/a-small-matter-of-programming/)\n- [The Unison language](https://www.unison-lang.org/)\n- [CodeMirror](https://codemirror.net/)\n- [A Small Matter of Programming: Perspectives on End User Computing](https://www.amazon.ca/s?k=A+Small+Matter+of+Programming:+Perspectives+on+End+User+Computing&linkCode=gs3&linkId=a4276584f94c53442569757002ff7fe2&tag=isi777-20)\n- [Stripe Press — Ideas for progress](https://press.stripe.com/)\n- [pomdtr/sunbeam: Generate powerful TUIs from simple scripts written in any language.](https://github.com/pomdtr/sunbeam)\n- [Seymour Papert](https://en.wikipedia.org/wiki/Seymour_Papert)\n- [woofjs.com](https://woofjs.com/)\n- [Bret Victor](https://en.wikipedia.org/wiki/Bret_Victor)\n- [Welcome | Future of Coding](https://futureofcoding.org/)\n- [Tom MacWright (@tmcw)](https://twitter.com/tmcw)\n- **[55:54](#t=55:54)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [SwitchBot Wi-Fi Smart Lock](https://www.amazon.ca/dp/B0B155T8QM?crid=1QGM6LSDYF8IR&keywords=switchbot+lock&sprefix=switchbot+loc,aps,116&language=en_US&sr=8-4&linkCode=gs2&linkId=9da52a90625d3d2fabe94ba5cfef40bf&tag=isi777-20)\n\n## Shameless Plugs\n\n- [Val Town](https://www.val.town/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"03b154a5c74c060587bf89cd09af20abb818213ed09c46112f974042ba0cf627","slug":"supper-club-val-town-with-steve-krouse","md_file":"/shows/640 - Supper Steve.md","created_at":"2023-10-16T20:08:27.557Z","updated_at":"2024-08-29T14:18:17.433Z","show_type":"SUPPER","guests":[{"Guest":{"github":"stevekrouse","name":"Steve Krouse"}}],"notesFile":"/shows/640 - Supper Steve.md","displayNumber":"640","displayDate":"July 14th, 2023"},{"id":"syntax_podcast_show_00639","number":639,"title":"Stump’d × JavaScript × GraphQL × Memory Safety × Web History","date":"2023-07-12T12:00:00.347Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_639.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott try to stump each other with questions about JavaScript, HTTP status error codes, memory safety, and a bit of web history thrown in.\n\n## Show Notes\n\n* **[00:11:07](#t=00:11:07)** Welcome\n* [Displaced Gamers](https://www.youtube.com/c/DisplacedGamers/)\n* **[00:46:00](#t=00:46:00)** In which year was JavaScript introduced?\n* **[02:59:16](#t=02:59:16)** What status code is returned by server when a resource isn't found?\n* **[03:32:00](#t=03:32:00)** Which http status code indicates the client must authenticate itself?\n* **[04:34:17](#t=04:34:17)** What is a pseudo class and give an example?\n* **[05:15:11](#t=05:15:11)** What JavaScript function allows you to delay the execution of a function?\n* **[06:02:06](#t=06:02:06)** Who first proposed using separate style sheet language for the web?\n* **[08:08:14](#t=08:08:14)** Which of the following statements about JavaScript strict are true?\n* **[08:50:11](#t=08:50:11)** What is event driven programming in Node.js?\n* **[10:26:08](#t=10:26:08)** In GraphQL, how do you mark a field as deprecated?\n* **[10:47:24](#t=10:47:24)** How does xHTML differ from HTML?\n* **[11:48:21](#t=11:48:21)** Which of the following statements is true about objects in JavaScript?\n* **[13:20:19](#t=13:20:19)** What is a type erase in TypeScript?\n* **[14:21:23](#t=14:21:23)** In TypeScript which syntax can be used to define a user defined type guard?\n* **[16:02:12](#t=16:02:12)** What is a closure in JavaScript?\n* **[17:40:00](#t=17:40:00)** Which node.js module provides asynchronus file I/O?\n* **[18:54:08](#t=18:54:08)** What does memory safety mean?\n* **[21:57:11](#t=21:57:11)** What does http2 introduce to improve speed?\n* **[23:58:05](#t=23:58:05)** What are strategies for optimizing HTML5 video?\n* **[26:28:11](#t=26:28:11)** Which of the following is not a correct way to create a new object?\n* **[28:13:20](#t=28:13:20)** What is the difference between function declaration and function expression?\n* **[30:49:11](#t=30:49:11)** What is the value of this inside an arrow function defined in a non-arrow function?\n* **[31:22:11](#t=31:22:11)** What is a type guard?\n* **[33:03:11](#t=33:03:11)** What is the order of execution in JavaScript?\n* **[35:11:01](#t=35:11:01)** Which version of ecmascript was scrapped?\n* **[39:41:00](#t=39:41:00)** What is the result of the following comparison in JavaScript?\n* **[41:37:21](#t=41:37:21)** What were the major criticisms of CSS in it's early days?\n* **[46:48:10](#t=46:48:10)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [Projector](https://www.amazon.com/dp/B09R4HYV1X?psc=1&linkCode=sl1&tag=leveluptuts01-20&linkId=de49f8b0a8132a0d5c0fe05154f4c4ee&language=en_US)\n* Wes: [USB plug](https://www.amazon.ca/dp/B09R9RMV79?psc=1&linkCode=sl1&tag=isi777-20&linkId=e3fd20e6db40f0279efa3e3696cc3f28&language=en_CA&ref_=as_li_ss_tl)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"0af1735d2f42b968ea2559c2a709875bc6182855ddf079b0ef83fa8769ee3b12","slug":"stump-d-javascript-graphql-memory-safety-web-history","md_file":"/shows/639 - Tasty Stumpd.md","created_at":"2023-10-16T20:08:27.517Z","updated_at":"2024-08-29T14:18:17.397Z","show_type":"TASTY","guests":[],"notesFile":"/shows/639 - Tasty Stumpd.md","displayNumber":"639","displayDate":"July 12th, 2023"},{"id":"syntax_podcast_show_00638","number":638,"title":"Roundup - Sick AI Tools For Developers","date":"2023-07-10T12:00:00.829Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_638.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about various AI tools for developers that are available.\n\n## Show Notes\n\n* **[00:25](#t=00:25)** Welcome\n* **[01:36](#t=01:36)** AI creeping into real life\n* **[04:03](#t=04:03)** Cody AI\n* [Cody - Business AI Employee Trained on Your Knowledge Base](https://meetcody.ai/)\n* [Sourcegraph](https://sourcegraph.com/search)\n* **[06:24](#t=06:24)** How AI coding help works\n* **[09:57](#t=09:57)** Amazon Code Whisper\n* [AI Code Generator - Amazon CodeWhisperer - AWS](https://aws.amazon.com/codewhisperer/)\n* [Amazon Code Whisperer VS Github Copilot](https://www.youtube.com/watch?v=p4Sc_-2yJHs)\n* **[10:44](#t=10:44)** Copilot Labs\n* [GitHub Next](https://githubnext.com/)\n* [GitHub Next | GitHub Copilot Labs](https://githubnext.com/projects/copilot-labs/)\n* **[14:25](#t=14:25)** LintRule\n* [Lintrule](https://www.lintrule.com/)\n* **[18:06](#t=18:06)** Open Commit\n* [di-sukharev/opencommit: Auto-generate impressive commits with AI in 1 second](https://github.com/di-sukharev/opencommit)\n* **[24:03](#t=24:03)** Code Geex\n* [CodeGeeX - A Multilingual Code Generation Tool - CodeGeeX](https://codegeex.cn/)\n* [Ghostwriter - Code faster with AI - Replit](https://replit.com/site/ghostwriter)\n* [Meaningful Code Tests for Busy Devs | CodiumAI](https://www.codium.ai/)\n* **[30:20](#t=30:20)** Tab9 and Kite\n* [AI assistant for software developers | Tabnine](https://www.tabnine.com/)\n* [Potluck - Web components × Gear × Docker × Web Dev Frameworks × Golden Handcuffs × Browser Testing × SSR React × Code Prediction × More! — Syntax Podcast 364](https://syntax.fm/show/364/potluck-web-components-gear-docker-web-dev-frameworks-golden-handcuffs-browser-testing-ssr-react-code-prediction-more)\n* **[33:06](#t=33:06)** Sloppy prompt example\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"40dee08fe2846670cc1730b16e293315970d0222a72c1bf6b695b219dd084644","slug":"roundup-sick-ai-tools-for-developers","md_file":"/shows/638 - Hasty.md","created_at":"2023-10-16T20:08:27.469Z","updated_at":"2024-08-29T14:18:17.366Z","show_type":"HASTY","guests":[],"notesFile":"/shows/638 - Hasty.md","displayNumber":"638","displayDate":"July 10th, 2023"},{"id":"syntax_podcast_show_00637","number":637,"title":"Supper Club × Cloudinary with Colby Fayock","date":"2023-07-07T12:00:00.993Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_637.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Colby Fayock about Cloudinary's new AI tools, media flow, removing backgrounds, using AI for video templates, and Colby's stack for creating YouTube content.\n\n## Show Notes\n\n- **[00:36](#t=00:36)** Welcome\n- **[01:11](#t=01:11)** Who is Colby Fayock?\n- [ColbyFayock.com](https://www.colbyfayock.com/)\n- [Colby Fayock (@colbyfayock)on Twitter](https://twitter.com/colbyfayock)\n- [ColbyFayock - Twitch](https://www.twitch.tv/colbyfayock)\n- [colbyfayock on GitHub](https://github.com/colbyfayock)\n- [Colby Fayock (@colbyfayock) • Instagram](https://www.instagram.com/colbyfayock/)\n- **[01:57](#t=01:57)** What is Cloudinary?\n- [Image and Video Upload, Storage, Optimization and CDN](https://cloudinary.com/)\n- **[03:03](#t=03:03)** What's with the space jellyfish?\n- **[03:52](#t=03:52)** How is Cloudinary using AI for the web?\n- [Developer resources for using images and videos in your apps](https://cloudinary.com/developers)\n- **[09:54](#t=09:54)** What is media flow?\n- **[13:00](#t=13:00)** Who is the target audience for AI tools from Cloudinary?\n- **[17:03](#t=17:03)** Removing backgrounds\n- [Remove Background from Image for Free – remove.bg](https://www.remove.bg/)\n- [iPhone Messages stickers: How to make and use them - 9to5Mac](https://9to5mac.com/2023/06/14/how-to-make-use-iphone-messages-stickers-ios-17/)\n- **[21:14](#t=21:14)** Cloudinary's Video API\n- [ascorbic/unpic-img: Multi-framework responsive image component](https://github.com/ascorbic/unpic-img)\n- **[22:44](#t=22:44)** Function calling in OpenAI\n- **[26:22](#t=26:22)** How do you deal with the random generation of AI?\n- **[29:00](#t=29:00)** What are the community SDKs for Cloudinary?\n- **[37:04](#t=37:04)** What's your process for creating content for YouTube?\n- **[42:49](#t=42:49)** Supper Club Questions\n- [Open Broadcaster Software | OBS](https://obsproject.com/)\n- [Facecam Pro – Elgato](https://www.elgato.com/us/en/p/facecam-pro)\n- [Recut — Automatic Video Editor](https://getrecut.com/)\n- [Night Owl - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=sdras.night-owl)\n- [iTerm2 - macOS Terminal Replacement](https://iterm2.com/)\n- [Oh My Zsh - a delightful & open source framework for Zsh](https://ohmyz.sh/)\n- **[51:40](#t=51:40)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [Ready To Drink Cold Brew Coffee | Trader Joe's](https://www.traderjoes.com/home/products/pdp/ready-to-drink-cold-brew-coffee-062611)\n\n## Shameless Plugs\n\n- [Colby Fayock on YouTube](https://www.youtube.com/colbyfayock)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"9968d77f63f791e02b87f836c11999cdda72b5946e20c369951c7cb5ba1a113b","slug":"supper-club-cloudinary-with-colby-fayock","md_file":"/shows/637 - Supper.md","created_at":"2023-10-16T20:08:27.316Z","updated_at":"2024-08-29T14:18:17.282Z","show_type":"SUPPER","guests":[{"Guest":{"github":"colbyfayock","name":"Colby Fayock"}}],"notesFile":"/shows/637 - Supper.md","displayNumber":"637","displayDate":"July 7th, 2023"},{"id":"syntax_podcast_show_00636","number":636,"title":"What are Headless Components?","date":"2023-07-05T12:00:00.349Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_636.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about what headless components are, the why and when to use headless components, and how to best implement them.\n\n## Show Notes\n\n* **[00:07](#t=00:07)** Welcome\n* **[02:33](#t=02:33)** Tailwind Connect\n* [Tailwind Connect 2023 | Tailwind CSS Live Event](https://connect.tailwindcss.com/)\n* **[04:37](#t=04:37)** Headless component overview\n* [Downshift](https://www.downshift-js.com/)\n* [Headless UI](https://headlessui.com/)\n* **[06:57](#t=06:57)** A country dropdown component\n* **[12:52](#t=12:52)** Possibly like Svelte actions?\n* **[18:46](#t=18:46)** What do headless components provide?\n* **[19:13](#t=19:13)** Examples of headless component projects\n* [Microsoft Edge Demo](https://microsoftedge.github.io/Demos/selectmenu/)\n* **[24:24](#t=24:24)** How does this compare to web components?\n* [Tanstack Table](https://tanstack.com/table/)\n* [Tanstack Virtual](https://tanstack.com/virtual/)\n* **[26:29](#t=26:29)** Checking out Shoelace\n* [Shoelace](https://shoelace.style/)\n* **[28:42](#t=28:42)** Figma announcements\n* [What's New in Figma](https://www.figma.com/whats-new/)\n* **[31:21](#t=31:21)** What does headless mean?\n* **[36:24](#t=36:24)** SIIIIICK ××× PIIIICKS ×××\n* **[41:20](#t=41:20)** AI Voices\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [Hacker News Recap](https://hackernewsrecap.buzzsprout.com/) /[Hacker News Recap on Apple Podcasts](https://podcasts.apple.com/us/podcast/hacker-news-recap/id1681571416)\n* Wes: [Calipers](https://amzn.to/44ikUz3)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"b875d83c993958b46cb00f72c98dbcd12a3c749db5b6fd09f5933c19b0a932f9","slug":"what-are-headless-components","md_file":"/shows/636 - Tasty.md","created_at":"2023-10-16T20:08:27.273Z","updated_at":"2024-08-29T14:18:17.249Z","show_type":"TASTY","guests":[],"notesFile":"/shows/636 - Tasty.md","displayNumber":"636","displayDate":"July 5th, 2023"},{"id":"syntax_podcast_show_00635","number":635,"title":"Lightning CSS","date":"2023-07-03T12:00:00.576Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_635.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about what Lightning CSS is, how it works, and why you should consider using it in your projects.\n\n## Show Notes\n\n* **[00:25:22](#t=00:25:22)** Welcome\n* **[01:04:11](#t=01:04:11)** Overview of Lightning CSS\n* [Lightning CSS](https://lightningcss.dev/)\n* [Devon Govett (@devongovett)](https://twitter.com/devongovett)\n* [Parcel](https://parceljs.org/)\n* **[04:56:11](#t=04:56:11)** What's in Lightning CSS?\n* [OKLCH](https://oklch.com/)\n* **[21:39:11](#t=21:39:11)** CSS Layers\n* **[24:57:14](#t=24:57:14)** Text decoration\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"1c4e45472c99c5946c3239f13bbce9c0bcf9eb3d7ef3a1dbb1625f9bfc3db499","slug":"lightning-css","md_file":"/shows/635 - Hasty Lightning CSS.md","created_at":"2023-10-16T20:08:27.225Z","updated_at":"2024-08-29T14:18:17.217Z","show_type":"HASTY","guests":[],"notesFile":"/shows/635 - Hasty Lightning CSS.md","displayNumber":"635","displayDate":"July 3rd, 2023"},{"id":"syntax_podcast_show_00634","number":634,"title":"Supper Club × Messaging Queues and Workers with Armin Ronacher","date":"2023-06-30T12:00:00.605Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_634.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Armin Ronacher about his contributions to open source, queues and messaging in apps, scaling up a queue, and how it all works at Sentry.\n\n## Show Notes\n\n- **[00:35](#t=00:35)** Welcome\n- **[01:49](#t=01:49)** Who is Armin Ronacher?\n- [Armin Ronacher](https://en.wikipedia.org/wiki/Armin_Ronacher)\n- [mitsuhiko (Armin Ronacher)](https://github.com/mitsuhiko)\n- [Armin Ronacher (@mitsuhiko)](https://twitter.com/mitsuhiko)\n- [Armin Ronacher](http://armin.ronacher.eu/)\n- [Armin Ronacher](https://www.linkedin.com/in/arminronacher/?originalSubdomain=at)\n- [Apache Kafka](https://kafka.apache.org/)\n- **[04:11](#t=04:11)** What are queues and what are they used for?\n- **[08:02](#t=08:02)** Do you listen or poll for updates in the queue?\n- **[12:49](#t=12:49)** Does this help when a provider goes down?\n- **[18:31](#t=18:31)** How do you architect a queue?\n- **[20:20](#t=20:20)** How does it scale up?\n- **[27:05](#t=27:05)** How does Sentry manage all the data flowing in from events?\n- [Redis Message Broker | Redis Enterprise](https://redis.com/solutions/use-cases/messaging/)\n- [Messaging that just works — RabbitMQ](https://www.rabbitmq.com/)\n- [Using RabbitMQ — Celery 5.3.1 documentation](https://docs.celeryq.dev/en/stable/getting-started/backends-and-brokers/rabbitmq.html)\n- **[33:45](#t=33:45)** How do you visualize the data?\n- **[37:15](#t=37:15)** Edge case that Sentry had to fix\n- **[40:22](#t=40:22)** How are you using Rust?\n- [Rust Programming Language](https://www.rust-lang.org/)\n- **[43:32](#t=43:32)** Why is Python so popular in the AI space?\n- **[45:17](#t=45:17)** What do you think about JavaScript on the server?\n- **[48:02](#t=48:02)** Supper Club questions\n- **[50:44](#t=50:44)** How do you stay motivated with programming?\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [Bilderbuch](https://bilderbuch-musik.at/home)\n- [Bilderbuch on Spotify](https://open.spotify.com/artist/2ErWLckuGFl84nGmg5fwyG?si=oG2uwmcMTy2b7jHi0CMXVQ)\n\n## Shameless Plugs\n\n- [Rye - An Experimental Package Management Solution for Python](https://github.com/mitsuhiko/rye)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"879195df3cb000ae432ec60885fbb2c3490aa8752edffd4658e1ab8e21ea67d4","slug":"supper-club-messaging-queues-and-workers-with-armin-ronacher","md_file":"/shows/634 - Supper.md","created_at":"2023-10-16T20:08:27.043Z","updated_at":"2024-08-29T14:18:17.139Z","show_type":"SUPPER","guests":[{"Guest":{"github":"mitsuhiko","name":"Armin Ronacher"}}],"notesFile":"/shows/634 - Supper.md","displayNumber":"634","displayDate":"June 30th, 2023"},{"id":"syntax_podcast_show_00633","number":633,"title":"WTF is an ORM","date":"2023-06-28T12:00:00.977Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_633.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about the benefits and potential drawbacks of using an ORM on your next project, as well as what some of the popular ORMs are.\n\n## Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* **[00:39](#t=00:39)** Dental cleanings\n* **[03:00](#t=03:00)** What's an ORM?\n* **[05:51](#t=05:51)** Benefits of using an ORM\n* **[12:54](#t=12:54)** Validation in ORM\n* **[19:18](#t=19:18)** What about Types?\n* **[23:44](#t=23:44)** Popular ORMs\n* [Prisma](https://www.prisma.io/)\n* [Sequelize](https://sequelize.org/)\n* [Objection.js](https://vincit.github.io/objection.js/)\n* [Knex.js](https://knexjs.org/)\n* [DrizzleORM - next gen TypeScript ORM](https://orm.drizzle.team/)\n* [Mongoose ODM v7.3.1](https://mongoosejs.com/)\n* [TypeORM](https://typeorm.io/)\n* [waterline.js](https://waterlinejs.org/)\n* **[42:41](#t=42:41)** Potential downsides to using an ORM\n* **[45:53](#t=45:53)** Database schemas\n* **[52:30](#t=52:30)** Hooks or events\n* **[55:27](#t=55:27)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [I Think You Should Leave with Tim Robinson](https://www.netflix.com/ca/title/80986854)\n* Wes: [Wise, Formerly TransferWise: Online Money Transfers](https://wise.com/)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"9effa4b58b249e719bbae8ba9a9fae8b6958be5939d72d9bbede982fe3d64fc8","slug":"wtf-is-an-orm","md_file":"/shows/633 - ORM Tasty.md","created_at":"2023-10-16T20:08:26.962Z","updated_at":"2024-08-29T14:18:17.104Z","show_type":"TASTY","guests":[],"notesFile":"/shows/633 - ORM Tasty.md","displayNumber":"633","displayDate":"June 28th, 2023"},{"id":"syntax_podcast_show_00632","number":632,"title":"Where to Register a Domain","date":"2023-06-26T12:00:00.943Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_632.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about where you should register a domain name, explain DNS, and the process for moving a domain from one registrar to another.\n\n## Show Notes\n\n* **[00:25](#t=00:25)** Welcome\n* **[02:04](#t=02:04)** Domain name registration vs DNS\n* **[03:58](#t=03:58)** Domain name flattening\n* **[05:07](#t=05:07)** Domain name privacy\n* **[05:31](#t=05:31)** Proxy registrations\n* **[06:44](#t=06:44)** Bait and switch registrars\n* **[11:56](#t=11:56)** Domain registrars we found\n* **[13:09](#t=13:09)** NameCheap and Spaceship\n* [Namecheap](https://www.namecheap.com/)\n* [Spaceship](https://www.spaceship.com/)\n* **[17:42](#t=17:42)** GoDaddy\n* [GoDaddy](https://www.godaddy.com/)\n* **[19:26](#t=19:26)** Ghandi\n* [Gandi.net](https://www.gandi.net/en-CA)\n* **[21:16](#t=21:16)** Porkbun\n* [Porkbun](https://www.porkbun.com)\n* **[22:18](#t=22:18)** Hover\n* [Hover.com](https://www.hover.com/)\n* **[24:24](#t=24:24)** Name\n* [Name.com](https://www.name.com/)\n* **[26:24](#t=26:24)** Cloudflare\n* [Cloudflare](https://www.cloudflare.com/products/registrar/)\n* **[28:04](#t=28:04)** What's the process for moving d\n* [iwantmyname](https://iwantmyname.com/)\n* [DNSimple](https://dnsimple.com/)omains to a new registrar?\n* **[30:38](#t=30:38)** I Want My Name and DNS Simple\n* **[33:05](#t=33:05)** Finding domain names\n* **[37:28](#t=37:28)** What would you pick to register a domain today?\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"4abf466247f0f97462cd90f433717433dea36ca0c52d03b5d4caecf6bfda4a02","slug":"where-to-register-a-domain","md_file":"/shows/632 - Hasty Domains.md","created_at":"2023-10-16T20:08:26.879Z","updated_at":"2024-08-29T14:18:17.063Z","show_type":"HASTY","guests":[],"notesFile":"/shows/632 - Hasty Domains.md","displayNumber":"632","displayDate":"June 26th, 2023"},{"id":"syntax_podcast_show_00631","number":631,"title":"Supper Club × Why Netlify bought Gatsby, GraphQL Data Layer, and Headless CMS with Dustin Schau","date":"2023-06-23T12:00:00.710Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_631.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Dustin Schau about Netlify Connect, Gatsby, GraphQL, and more.\n\n## Show Notes\n\n- **[00:35](#t=00:35)** Welcome\n- **[01:20](#t=01:20)** Who is Dustin Schau?\n- [Dustin Schau (@SchauDustin)](https://twitter.com/SchauDustin)\n- [Develop and deploy websites and apps in record time | Netlify](https://www.netlify.com/)\n- **[02:49](#t=02:49)** Is Valhalla from Gatsby?\n- [How to Source Content from a Headless CMS | Gatsby](https://www.gatsbyjs.com/docs/how-to/sourcing-data/headless-cms/)\n- [Valhalla Content Hub | Gatsby](https://www.gatsbyjs.com/products/valhalla-content-hub/)\n- [Netlify Connect Brings All Content Sources & CMS Apps Together](https://www.netlify.com/products/connect/)\n- **[05:41](#t=05:41)** Valhalla is now Netlify Connect\n- **[09:32](#t=09:32)** How often should you scrape or cache from another API?\n- **[10:36](#t=10:36)** What about auth?\n- **[13:41](#t=13:41)** Will Netlify Connect be open source or paid?\n- **[18:48](#t=18:48)** Is GraphQL it?\n- [Overview | urql Documentation](https://formidable.com/open-source/urql/docs/)\n- [GQty](https://gqty.dev/)\n- **[22:35](#t=22:35)** What odd data sources are you trying to connect?\n- **[26:06](#t=26:06)** How does Gatsby send out to APIs?\n- **[29:00](#t=29:00)** What CMS should people use?\n- [The Markdown CMS | Tina](https://tina.io/)\n- [The platform to bring your best ideas to life | Contentful](https://www.contentful.com/)\n- [The Composable Content Cloud - Sanity.io](https://www.sanity.io/)\n- **[31:22](#t=31:22)** What do you think of component based CMS?\n- [SEO Enterprise Rank Tracker - A Keyword Rank Tracking Tool Like No Other | Nozzle.io](https://nozzle.io/)\n- **[35:36](#t=35:36)** What are your thoughts on the React ecosystem?\n- **[43:33](#t=43:33)** What's the future for Gatsby?\n- **[46:14](#t=46:14)** Supper Club questions\n- [folivora.ai - Great Tools for your Mac!](https://folivora.ai/)\n- [Noodlesoft – Noodlesoft – Simply Useful Software](https://www.noodlesoft.com/)\n- [Dank Mono: The coding typeface for aesthetes](https://philpl.gumroad.com/l/dank-mono)\n- [DSchau/dotfiles: :wrench: .files, including ~/.macos — sensible defaults for macOS development (catered to Node.js)](https://github.com/DSchau/dotfiles)\n- [Deploy app servers close to your users · Fly](https://fly.io/)\n- [Hono - Ultrafast web framework for the Edges](https://hono.dev/)\n- [Stream Movies & TV Shows | Plex](https://www.plex.tv/)\n- [The Free Software Media System | Jellyfin](https://jellyfin.org/)\n- **[56:29](#t=56:29)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [Arc Browser](https://arc.net/)\n- [Resend React Email](https://resend.com/)\n\n## Shameless Plugs\n\n- [Netlify](http://Netlify.com)\n- [Netlify Connect](https://ntl.fyi/sanity)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"b0cb03d54a58d4d27118b5ff53c07e42134f08dbc59e034b89ecd7d2a7347647","slug":"supper-club-why-netlify-bought-gatsby-graphql-data-layer-and-headless-cms-with-dustin-schau","md_file":"/shows/631 - Supper Dustin.md","created_at":"2023-10-16T20:08:01.016Z","updated_at":"2024-08-29T14:18:16.992Z","show_type":"SUPPER","guests":[{"Guest":{"github":"DSchau","name":"Dustin Schau"}}],"notesFile":"/shows/631 - Supper Dustin.md","displayNumber":"631","displayDate":"June 23rd, 2023"},{"id":"syntax_podcast_show_00630","number":630,"title":"Potluck × Warp × Skeleton UI × Edge Functions × Donut Scoping","date":"2023-06-21T12:00:00.872Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_630.mp3","youtube_url":null,"show_notes":"\nIn this potluck episode of Syntax, Wes and Scott answer your questions about rate-limiting an API, using Wasp, Enums in TypeScript, styling React projects, using Edge functions, and more.\n\n## Show Notes\n\n* **[00:11](#t=00:11)** Welcome\n* **[01:53](#t=01:53)** Connecting at conferences\n* [JSNation – the main JavaScript conference of 2023](https://jsnation.com/)\n* [RenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers](https://www.renderatl.com/)\n* **[04:10](#t=04:10)** What technique do you use for consuming a rate-limited API?\n* **[07:58](#t=07:58)** Is Wasp-lang.dev ticking all the boxes for an awesome full-stack JavaScript framework?\n* [Wasp](https://wasp-lang.dev/)\n* **[14:36](#t=14:36)** How do you guys feel about skeleton UIs?\n* [Skeleton | Open UI](https://open-ui.org/components/skeleton.research/)\n* **[19:10](#t=19:10)** How can i forward my http only auth cookies to my backend API?\n* **[22:28](#t=22:28)** What's your opinion on using Enums in TypeScript?\n* **[29:46](#t=29:46)** How much off the clock time away from coding related activities do you have in a typical week?\n* **[37:10](#t=37:10)** What's the best approach for styling React projects?\n* **[42:49](#t=42:49)** Donut scoping\n* [Scope donuts | Stubbornella](http://www.stubbornella.org/content/2011/10/08/scope-donuts/)\n* **[45:21](#t=45:21)** How do I add user registration and content uploading features to a website?\n* [Next.js by Vercel - The React Framework](https://nextjs.org/)\n* [Laravel - The PHP Framework For Web Artisans](https://laravel.com/)\n* [Image and Video Upload, Storage, Optimization and CDN](https://cloudinary.com/)\n* [RedwoodJS: The App Framework for Startups | RedwoodJS.com](https://redwoodjs.com/)\n* [SvelteKit • Web development, streamlined](https://kit.svelte.dev/)\n* [Learn Node — The best way to learn Node.js, Express, MongoDB, and Friends](https://learnnode.com/)\n* [AdonisJS - A fully featured web framework for Node.js](https://adonisjs.com/)\n* **[53:25](#t=53:25)** Do you see any benefits in using edge functions if your audience is local?\n* **[59:20](#t=59:20)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: * [BOJACK 37 Values 480 Pcs Electronics Component Fun Kit with Power Supply Module, Jumper Wire,Precision Potentiometer,830 tie-Points Breadboard Compatible with STM32,Raspberry Pi,Arduino : Electronics](https://www.amazon.com/dp/B099MQV8ZW?linkCode=sl1&linkId=2e8b74b5184d18661a0bccb5a4f6713a&language=en_US)\n* Wes: * [Local and regional eSIMs for travellers - Airalo](https://www.airalo.com/)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"a01a052037c16b3329ef17e2cfd0fa9bb5929c697dab66309d209df030ed0d66","slug":"potluck-warp-skeleton-ui-edge-functions-donut-scoping","md_file":"/shows/630 - Potluck tasty.md","created_at":"2023-10-16T20:08:00.881Z","updated_at":"2024-08-29T14:18:16.960Z","show_type":"TASTY","guests":[],"notesFile":"/shows/630 - Potluck tasty.md","displayNumber":"630","displayDate":"June 21st, 2023"},{"id":"syntax_podcast_show_00629","number":629,"title":"AsyncLocalStorage + AsyncContext API","date":"2023-06-19T12:00:00.338Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_629.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about AsyncLocalStorage, why more frameworks aren't using it yet, some examples, as well as some footguns.\n\n## Show Notes\n\n* **[00:22](#t=00:22)** Welcome\n* **[01:44](#t=01:44)** What is AsyncLocalStorage?\n* **[03:14](#t=03:14)** What is context?\n* **[07:49](#t=07:49)** Why aren't more frameworks using AsyncLocalStorage for context for middleware?\n* **[10:16](#t=10:16)** Examples of usage\n* **[14:20](#t=14:20)** Footguns\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"c1b641c96dcf3d4892971f56c8349a5313b233b71a4dac6999ad5e59e1dfc75c","slug":"asynclocalstorage-asynccontext-api","md_file":"/shows/629 - hasty.md","created_at":"2023-10-16T20:08:00.781Z","updated_at":"2024-08-29T14:18:16.927Z","show_type":"HASTY","guests":[],"notesFile":"/shows/629 - hasty.md","displayNumber":"629","displayDate":"June 19th, 2023"},{"id":"syntax_podcast_show_00628","number":628,"title":"Supper Club × JavaScript on Hardware, Micro Controllers, ESP32 with Nick Hehr","date":"2023-06-16T12:00:00.136Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_628.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Nick Hehr about the fun ways to get started with micro controllers, writing JavaScript for hardware, and ideas for projects to build involving hardware and software.\n\n## Show Notes\n\n- **[00:36](#t=00:36)** Welcome to Syntax\n- **[01:04](#t=01:04)** Introducing Nick Hehr\n- [Nick Hehr (@hipsterbrown)](https://twitter.com/hipsterbrown?lang=en)\n- [HipsterBrown (@hipsterbrown@toot.cafe) - Toot Café](https://toot.cafe/@hipsterbrown)\n- [HipsterBrown](https://www.hipsterbrown.com/)\n- [HipsterBrown (Nick Hehr)](https://github.com/HipsterBrown)\n- [Nick Hehr on CodePen](https://codepen.io/HipsterBrown/)\n- **[03:58](#t=03:58)** Running JavaScript on microcontrollers\n- **[06:20](#t=06:20)** What was your first project that got you into this?\n- **[12:12](#t=12:12)** Is the ESP32 the most popular controller?\n- **[14:12](#t=14:12)** Where do you buy hardware?\n- [Arduino - Home](https://www.arduino.cc/)\n- [Adafruit Industries, Unique & fun DIY electronics and kits](https://www.adafruit.com/)\n- [AliExpress - Online Shopping for Popular Electronics, Fashion, Home & Garden, Toys & Sports, Automobiles and More products - AliExpress](https://www.aliexpress.com/)\n- [SparkFun Electronics](https://www.sparkfun.com/)\n- [Introduction 🚀 xs-dev Documentation](https://xs-dev.js.org/en/introduction/)\n- [Welcome to Robo Wizard | Robo Wizard](https://robo-wizard.js.org/)\n- **[16:52](#t=16:52)** What are people building with boards?\n- **[18:30](#t=18:30)** What does the JavaScript look like?\n- **[22:16](#t=22:16)** Can you make a Fetch request?\n- **[25:45](#t=25:45)** What about Arduino?\n- **[31:54](#t=31:54)** What's a good starter project?\n- [Johnny-Five: The JavaScript Robotics & IoT Platform](https://johnny-five.io/)\n- [meganetaaan/stack-chan: A JavaScript-driven M5Stack-embedded super-kawaii robot.](https://github.com/meganetaaan/stack-chan/tree/dev/v1.0)\n- [TC53 - Ecma International](https://www.ecma-international.org/technical-committees/tc53/)\n- [dtex/j5e: Framework for embedded devices using ECMA-419, the ECMAScript® embedded systems API specification, based on Johnny-Five's API](https://github.com/dtex/j5e)\n- [HipsterBrown/on-air-light: An offline-first IoT on-air light for video meetings, using ESP32 & JS](https://github.com/HipsterBrown/on-air-light)\n- [ESPHome — ESPHome](https://esphome.io/)\n- [Being in the video game with Augmented Climbing | The Kid Should See This](https://thekidshouldseethis.com/post/be-the-video-game-with-augmented-climbing)\n- **[36:03](#t=36:03)** Emulation and debugging\n- **[39:13](#t=39:13)** What else have you made?\n- **[44:31](#t=44:31)** ESP Home\n- **[54:35](#t=54:35)** SIIIIICK ××× PIIIICKS ×××\n- **[00:32](#t=00:32)** Shameless Plugs\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [The Opus Intro Kit – Fellow](https://fellowproducts.com/products/the-opus-intro-kit?variant=41516160385124)\n- [jdxcode/rtx: Runtime Executor (asdf rust clone)](https://github.com/jdxcode/rtx)\n- [Code: The Hidden Language of Computer Hardware and Software: Petzold, Charles: 9780137909100: Books - Amazon.ca](https://www.amazon.ca/dp/0137909101?crid=2QRJ0XCK7OHGB&keywords=Code:+The+Hidden+Language+of+Computer+Hardware+and+Software&sprefix=code+the+hidden+language+of+computer+hardware+and+software+,aps,108&language=en_US&sr=8-1&linkCode=gs2&linkId=ea6a456d08c423866beeb49df1eae111&tag=isi777-20)\n\n## Shameless Plugs\n\n- [Introduction 🚀 xs-dev Documentation](https://xs-dev.js.org/en/introduction/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"49084947327fd116af641f5d9cf55ba996cc4b6b2754194436b966871e587a30","slug":"supper-club-javascript-on-hardware-micro-controllers-esp32-with-nick-hehr","md_file":"/shows/628 - supper Nick.md","created_at":"2023-10-16T20:08:00.573Z","updated_at":"2024-08-29T14:18:16.843Z","show_type":"SUPPER","guests":[{"Guest":{"github":"HipsterBrown","name":"Nick Hehr"}}],"notesFile":"/shows/628 - supper Nick.md","displayNumber":"628","displayDate":"June 16th, 2023"},{"id":"syntax_podcast_show_00627","number":627,"title":"Electronics for Beginners","date":"2023-06-14T12:00:00.805Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_627.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk through an introduction to electronics that you can do in your own home with microcontrollers.\n\n## Show Notes\n\n* **[00:08](#t=00:08)** Welcome\n* **[00:52](#t=00:52)** What we're talking about\n* [Arduino - Home](https://www.arduino.cc/)\n* [ESP32 – The best products with free shipping | only on AliExpress](https://m.aliexpress.com/wholesale/esp32.html)\n* **[02:15](#t=02:15)** Airtag Sidebar\n* **[04:05](#t=04:05)** Projects We've Worked On\n* **[06:34](#t=06:34)** How do you run software on the microcontroller\n* **[08:50](#t=08:50)** Microcontrollers are extendable\n* **[12:05](#t=12:05)** Fixing a dryer\n* **[14:06](#t=14:06)** Sprinkler system\n* **[15:48](#t=15:48)** Microcontrollers\n* **[20:28](#t=20:28)** AC and DC Voltage\n* **[25:45](#t=25:45)** Amperage and watts\n* **[28:19](#t=28:19)** Extension cords ideally would have fuses\n* **[31:18](#t=31:18)** What's the risk of not having enough power?\n* **[32:09](#t=32:09)** GPIO\n* **[35:45](#t=35:45)** Resistance\n* [How Resistors Work - Unravel the Mysteries of How Resistors Work!](https://www.youtube.com/watch?v=DYcLFHgVCn0)\n* **[41:12](#t=41:12)** Capacitors\n* **[42:02](#t=42:02)** Sensors\n* [5/1pcs HLK LD2410C 24G mmWave FMCW Millimeter Wave 5M Human Presence Status Radar Sensor Motion Detection Modul High Sensitivity](https://www.aliexpress.us/item/1005005087204432.html?gatewayAdapt=4itemAdapt)\n* **[46:47](#t=46:47)** Relays\n* **[48:33](#t=48:33)** Coding microcontrollers\n* [Web Serial API](https://wicg.github.io/serial/)\n* [ESPHome — ESPHome](https://esphome.io/)\n* [Johnny-Five: The JavaScript Robotics & IoT Platform](https://johnny-five.io/)\n* [Espruino - JavaScript for Microcontrollers](https://www.espruino.com/)\n* [Introduction - The Rust on ESP Book](https://esp-rs.github.io/book/)\n* [Welcome to Quick.js! - quick.js](https://quick.js.org/)\n* **[52:32](#t=52:32)** A note on Soldering\n* **[53:12](#t=53:12)** Projects for kids\n* **[54:31](#t=54:31)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [Razor blade](https://amzn.to/3BQD92m)\n* Wes: [ESP32 – The best products with free shipping | only on AliExpress](https://m.aliexpress.com/wholesale/esp32.html)\n\n## Shameless Plugs\n\n* Scott: [Syntax Discord](https://discord.gg/ccMC6kB)\n* Wes: [Wes' Instagram](https://www.instagram.com/wesbos)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"b29dcdda7ae82b85fae34911af2645fdbb760007f1547cb7bd743702df7f1a98","slug":"electronics-for-beginners","md_file":"/shows/627 - electronics tasty.md","created_at":"2023-10-16T20:08:00.530Z","updated_at":"2024-08-29T14:18:16.810Z","show_type":"TASTY","guests":[],"notesFile":"/shows/627 - electronics tasty.md","displayNumber":"627","displayDate":"June 14th, 2023"},{"id":"syntax_podcast_show_00626","number":626,"title":"GitHub Projects, Milestones, Labels, and Actions","date":"2023-06-12T12:00:00.327Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_626.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about some of the GitHub features you may not have used very much including projects, milestones, labels, and actions.\n\n## Show Notes\n\n* **[00:26](#t=00:26)** Welcome\n* **[01:53](#t=01:53)** That's sick\n* **[04:05](#t=04:05)** What we've used in the past\n* [Trello](https://www.trello.com)\n* [Jira | Issue & Project Tracking Software | Atlassian](https://www.atlassian.com/software/jira)\n* **[06:13](#t=06:13)** Working with Github Projects\n* [About Projects](https://docs.github.com/en/issues/planning-and-tracking-with-projects/learning-about-projects/about-projects)\n* **[11:57](#t=11:57)** Milestones\n* [About milestones](https://docs.github.com/en/issues/using-labels-and-milestones-to-track-work/about-milestones)\n* **[14:35](#t=14:35)** GitHub Labels\n* [Managing labels](https://docs.github.com/en/issues/using-labels-and-milestones-to-track-work/managing-labels)\n* **[19:51](#t=19:51)** GitHub Actions\n* [Features • GitHub Actions](https://github.com/features/actions)\n* [Level Up Tutorials - Learn modern web development](https://levelup.video/tutorials/code-automation-with-github/introduction)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"e07e4203b00c48765048ea2245787e19dc6881e43981fedf89649414d8383939","slug":"github-projects-milestones-labels-and-actions","md_file":"/shows/626 - hasty planning.md","created_at":"2023-10-16T20:08:00.486Z","updated_at":"2024-08-29T14:18:16.778Z","show_type":"HASTY","guests":[],"notesFile":"/shows/626 - hasty planning.md","displayNumber":"626","displayDate":"June 12th, 2023"},{"id":"syntax_podcast_show_00625","number":625,"title":"Supper Club × OpenAI, Future of programming, LLMs, and Math with Andrey Mishchenko","date":"2023-06-09T12:00:00.953Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_625.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Andrey Mishchenko about working at OpenAI, getting started in machine learning, what RLHF is, the impact of plugins on ChatGPT, and what the future holds for developers in a world with ChatGPT tools.\n\n## Show Notes\n\n- **[00:33](#t=00:33)** Welcome\n- **[00:59](#t=00:59)** ChatGPT introduction\n- **[02:17](#t=02:17)** Who is Andrey Mishchenko?\n- **[03:17](#t=03:17)** What is circle packing?\n- **[05:04](#t=05:04)** When did you start at OpenAI?\n- **[06:21](#t=06:21)** Levels of interaction\n- **[08:39](#t=08:39)** How do you train the model to understand?\n- **[11:13](#t=11:13)** What's RLHF?\n- **[13:56](#t=13:56)** What are plugins for ChatGPT?\n- **[16:11](#t=16:11)** What languages are you using to code for AI?\n- **[19:15](#t=19:15)** Did you have any idea ChatGPT would be so popular?\n- **[21:13](#t=21:13)** Did your math degree help get into language modeling?\n- **[28:34](#t=28:34)** Do Wes or Scott worry they're going to lose their job?\n- **[33:24](#t=33:24)** How has farming been shaken up by AI?\n- **[34:59](#t=34:59)** Do you think the pace of AI will continue?\n- **[35:30](#t=35:30)** Will plugins change how people use AI tools?\n- **[41:21](#t=41:21)** What does AI do better than anything else?\n- **[49:11](#t=49:11)** Supper Club questions\n- **[55:04](#t=55:04)** SIIIIICK ××× PIIIICKS ×××\n\n- [Andrey Mishchenko - Member of Technical Staff - OpenAI](https://www.linkedin.com/in/andreymishchenko)\n- [Bing Chat (GPT-4) in Google - Chrome Web Store](https://chrome.google.com/webstore/detail/bing-chat-gpt-4-in-google/pcnhobmoglanpljipbomknafhdlcgcng)\n- [ChatGPT plugins](https://openai.com/blog/chatgpt-plugins)\n- [Introduction - OpenAI API](https://platform.openai.com/docs/plugins/introduction)\n\n## Shameless Plugs\n\n- [ChatGPT plugins](https://openai.com/blog/chatgpt-plugins)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"9b3dbad1f1855898282880b8fe0ef1db3bfcd6a81a14895a4a6ce5d1b3667e73","slug":"supper-club-openai-future-of-programming-llms-and-math-with-andrey-mishchenko","md_file":"/shows/625 - supper AI.md","created_at":"2023-10-16T20:08:00.317Z","updated_at":"2024-08-29T14:18:16.689Z","show_type":"SUPPER","guests":[{"Guest":{"github":null,"name":"Andrey Mishchenko"}}],"notesFile":"/shows/625 - supper AI.md","displayNumber":"625","displayDate":"June 9th, 2023"},{"id":"syntax_podcast_show_00624","number":624,"title":"Is JSDoc Better than TypeScript?","date":"2023-06-07T12:00:00.514Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_624.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott use the fact that Svelte is being converted from TypeScript to JavaScript with JSDoc to talk about the benefits of working that way, why they are doing it, and what you can do with JSDoc that TypeScript alone doesn't let you do.\n\n## Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* **[01:12](#t=01:12)** Roof update\n* **[02:15](#t=02:15)** TypeScript haters need not apply\n* **[03:17](#t=03:17)** What is JSDoc?\n* **[04:27](#t=04:27)** What is our history with JSDoc?\n* **[06:37](#t=06:37)** Why is Svelte moving to JSDoc?\n* **[08:11](#t=08:11)** Why is JSDoc better than TypeScript?\n* **[12:31](#t=12:31)** You can type things you can’t in TypeScript\n* **[16:37](#t=16:37)** Param, Function and returns Descriptions\n* **[21:32](#t=21:32)** Spoiler - it's still TypeScript\n* **[33:23](#t=33:23)** SIIIIICK ××× PIIIICKS ×××\n\n* [Get Started With TypeScript the Easy Way](https://austingil.com/typescript-the-easy-way/)\n* [TypeScript without TypeScript -- JSDoc superpowers](https://fettblog.eu/typescript-jsdoc-superpowers/)\n* [TypeScript: Documentation - JSDoc Reference](https://www.typescriptlang.org/docs/handbook/jsdoc-supported-types.html)\n* [Dev Vlog: April 2023 - TypeScript vs JSDoc, Transitions API, Dominic Gannaway joins Svelte team](https://www.youtube.com/watch?v=MJHO6FSioPI&t=95s)\n* [Svelte repo is finally being converted from Typescript to Javascript with JSDoc](https://twitter.com/puruvjdev/status/1655813548495486977)\n* [If you are on a JS project and are missing the TypeScript hinting in your editor, you can still type your code with JSDoc syntax comments and VS Code will detect and use it!](https://twitter.com/wesbos/status/1339217248729305090)\n* [Sprinkle in a little JSDoc on top of your TypeScript when needed - helpful to adding descriptions to returned values, or marking things as deprecated](https://twitter.com/wesbos/status/1646601873523200021)\n* [TypeScript to JSDoc](https://www.npmjs.com/package/ts-to-jsdoc)\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [Watch MerPeople | Netflix Official Site](https://www.netflix.com/ca/title/81439780)\n* Wes: [18V ONE+ 45W HYBRID SOLDERING STATION (TOOL ONLY) | RYOBI Tools](https://www.ryobitools.ca/products/details/18v-one-plus-45w-hybrid-soldering-station/)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"8c16da1ea89048135a182aff73c17cbb20df79b6d1db10d5774202d38261b229","slug":"is-jsdoc-better-than-typescript","md_file":"/shows/624 - tasty typescript.md","created_at":"2023-10-16T20:08:00.275Z","updated_at":"2024-08-29T14:18:16.649Z","show_type":"TASTY","guests":[],"notesFile":"/shows/624 - tasty typescript.md","displayNumber":"624","displayDate":"June 7th, 2023"},{"id":"syntax_podcast_show_00623","number":623,"title":"Nothing in CSS - 0 vs 0px, no, none, hidden, initial and unset","date":"2023-06-05T12:00:00.934Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_623.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about all the nothing in CSS: 0 vs 0px, no, none, hidden, initial and unset.\n\n## Show Notes\n\n* **[00:22](#t=00:22)** Welcome\n* **[01:50](#t=01:50)** The @ property\n* **[03:33](#t=03:33)** Hiding Things\n* **[10:07](#t=10:07)** Ghost Spaces\n* **[17:47](#t=17:47)** Collapsing margins\n* **[18:33](#t=18:33)** 0 units vs 0\n* **[23:42](#t=23:42)** Unset and initial\n* **[27:42](#t=27:42)** HTML Bonus\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/syntax.fm/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"69978687c40c496ee511b04c959571de11484c886d19f3905ba073b6027af558","slug":"nothing-in-css-0-vs-0px-no-none-hidden-initial-and-unset","md_file":"/shows/623 - Hasty.md","created_at":"2023-10-16T20:08:00.237Z","updated_at":"2024-08-29T14:18:16.613Z","show_type":"HASTY","guests":[],"notesFile":"/shows/623 - Hasty.md","displayNumber":"623","displayDate":"June 5th, 2023"},{"id":"syntax_podcast_show_00622","number":622,"title":"Supper Club × Matt Rothenberg and Idan Gazit on Github Next","date":"2023-06-02T12:00:00.587Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_622.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Matt Rothenberg and Idan Gazit from GitHub about GitHub Next, Copilot, AI based projects at Github, and what the future is for developers with AI.\n\n## Show Notes\n\n- **[00:38](#t=00:38)** Welcome\n- **[01:23](#t=01:23)** Who are Matt and Idan?\n- [Matt Rothenberg](https://mattrothenberg.com/)\n- [@mattrothenberg](https://twitter.com/mattrothenberg)\n- [Matt Rothenberg on CodePen](https://codepen.io/mattrothenberg)\n- [Matt Rothenberg on GitHub)](https://github.com/mattrothenberg)\n- [Idan Gazit](https://gazit.me/)\n- [@idangazit](https://twitter.com/idangazit)\n- [Idan Gazit vis.social](https://vis.social/@idan)\n- [Idan Gazit on GitHub](https://github.com/idan)\n- **[02:22](#t=02:22)** What's the history of GitHub Next?\n- [GitHub Copilot · Your AI pair programmer](https://github.com/features/copilot)\n- [ChatGPT | OpenAI](https://chat.openai.com/auth/login?next=/)\n- **[05:18](#t=05:18)** How do you come up with new ideas?\n- **[06:37](#t=06:37)** Did GitHub Copilot blow up fast?\n- **[13:18](#t=13:18)** Do we need powerful models for all situations?\n- **[16:40](#t=16:40)** How does Copilot know my codebase?\n- [Inside GitHub: Working with the LLMs behind GitHub Copilot | The GitHub Blog](https://github.blog/2023-05-17-inside-github-working-with-the-llms-behind-github-copilot/)\n- **[21:34](#t=21:34)** What's Copilot X?\n- [Introducing GitHub Copilot X](https://github.com/features/preview/copilot-x)\n- **[24:57](#t=24:57)** What is it like to have a hit like Copilot?\n- **[31:27](#t=31:27)** What is the future for developers due to AI?\n- **[35:11](#t=35:11)** What other AI based projects are you working on?\n- **[42:10](#t=42:10)** Are there any flops from GitHub Next?\n- **[46:59](#t=46:59)** How do you think about Code Brushes?\n- [GitHub Next | Code Brushes](https://githubnext.com/projects/code-brushes/)\n- **[48:46](#t=48:46)** Supper Club questions\n- [Breeze | Afternoon Labs](https://www.afternoonlabs.com/breeze/)\n- [Introduction - The Rust on ESP Book](https://esp-rs.github.io/book/)\n- [Recursive Sans & Mono](https://www.recursive.design/)\n- [Bearded Theme - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedtheme)\n- [Zed - Code at the speed of thought](https://zed.dev/)\n- [Warp: The terminal for the 21st century](https://www.warp.dev/)\n- **[59:16](#t=59:16)** SIIIIICK ××× PIIIICKS ×××\n\n## Shameless Plugs\n\n- [GitHub Next](https://githubnext.com/)\n- [githubnext/githubnext: A public point of contact for GitHub Next](https://github.com/githubnext/githubnext)\n- [Ariakit - Toolkit for building accessible UIs](https://ariakit.org/)\n- [Liveblocks | Collaborative experiences in days, not months](https://liveblocks.io/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/syntax.fm/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"058180ed7db12376847ae19b444b59582e2f8918aefdfd59753e5370844d9771","slug":"supper-club-matt-rothenberg-and-idan-gazit-on-github-next","md_file":"/shows/622 - Supper GitHub Next.md","created_at":"2023-10-16T20:08:00.141Z","updated_at":"2024-08-29T14:18:16.556Z","show_type":"SUPPER","guests":[{"Guest":{"github":"mattrothenberg","name":"Matt Rothenberg"}},{"Guest":{"github":"idan","name":"Idan Gazit"}}],"notesFile":"/shows/622 - Supper GitHub Next.md","displayNumber":"622","displayDate":"June 2nd, 2023"},{"id":"syntax_podcast_show_00621","number":621,"title":"The New Syntax Site × Ingest, Stack, AI and more","date":"2023-05-31T12:00:00.903Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_621.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk through the work in progress on the new Syntax website, how to tackle all the moving parts, what stack they picked, AI, and more.\n\n## Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* **[00:56](#t=00:56)** Leaky roofs\n* **[02:18](#t=02:18)** How we divided the workload for the new Syntax site\n* [Issues of Syntax v2](https://github.com/syntaxfm/website/issues)\n* [V2 of the website](https://github.com/syntaxfm/website/tree/v2)\n* **[02:55](#t=02:55)** Dark mode vs light mode\n* **[04:46](#t=04:46)** Our project management stack\n* **[06:36](#t=06:36)** High school dances\n* **[08:36](#t=08:36)** Tech stack for Syntax v2\n* [Prisma | Next-generation ORM for Node.js & TypeScript](https://www.prisma.io/)\n* [PlanetScale: The world’s most advanced database platform](https://planetscale.com/)\n* **[16:44](#t=16:44)** PostCSS and Sveltekit\n* [SvelteKit • Web development, streamlined](https://kit.svelte.dev/)\n* [Vercel: Develop. Preview. Ship. For the best frontend teams](https://vercel.com/)\n* **[17:57](#t=17:57)** Auth\n* [Authorizing OAuth Apps](https://docs.github.com/en/apps/oauth-apps/building-oauth-apps/authorizing-oauth-apps)\n* [oAuth APIs Explained — Syntax Podcast 599](https://syntax.fm/show/599/oauth-apis-explained)\n* **[23:15](#t=23:15)** Transcription\n* [Otter.ai - Voice Meeting Notes & Real-time Transcription](https://otter.ai/)\n* [Amazon Transcribe – Speech to Text - AWS](https://aws.amazon.com/transcribe/)\n* [Introducing Whisper](https://openai.com/research/whisper)\n* [WhisperX: Automatic Speech Recognition with Word-level Timestamps (& Diarization)](https://github.com/m-bain/whisperX)\n* [Speech-to-Text: Automatic Speech Recognition Google Cloud](https://cloud.google.com/speech-to-text)\n* [Deepgram: World's Most Powerful Speech-to-Text API](https://deepgram.com/)\n* **[35:54](#t=35:54)** Theming system\n* [CSS Zen Garden: The Beauty of CSS Design](https://www.csszengarden.com/)\n* **[43:38](#t=43:38)** AI Shownotes\n* **[53:02](#t=53:02)** Ingest process\n* **[00:24](#t=00:24)** Markdown as the source of truth\n* **[01:50](#t=01:50)** AI Embeddings\n* [Vector Database for Vector Search | Pinecone](https://www.pinecone.io/)\n* [Introducing Ask Netlify: a new way of engaging with Netlify Docs with AI-Powered interactions](https://www.netlify.com/blog/ask-netlify-ai-powered-docs/)\n* **[09:22:24](#t=09:22:24)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [Jury Duty](https://www.imdb.com/title/tt22074164/)\n* Wes: [Ted Lasso](https://tv.apple.com/us/show/ted-lasso/umc.cmc.vtoh0mn0xn7t3c643xqonfzy)\n\n## Shameless Plugs\n\n* Scott: [Syntax Discord](https://discord.gg/W5y68HMfZV)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/syntax.fm/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"56208a93702a1f54a6b85e867ecee94e59d4b19c958b9f5382a9173c18c6db73","slug":"the-new-syntax-site-ingest-stack-ai-and-more","md_file":"/shows/621 - tasty.md","created_at":"2023-10-16T20:08:00.109Z","updated_at":"2024-08-29T14:18:16.521Z","show_type":"TASTY","guests":[],"notesFile":"/shows/621 - tasty.md","displayNumber":"621","displayDate":"May 31st, 2023"},{"id":"syntax_podcast_show_00620","number":620,"title":"JavaScript.exe - Standalone Executables","date":"2023-05-29T12:00:00.397Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_620.mp3","youtube_url":null,"show_notes":"\nJavaScript executables: their purpose, benefits, and use cases, such as creating standalone applications with all dependencies and the Node.js runtime bundled into a single executable for portability and easy deployment. We also address the twitter hate on the executable’s size.\n\n## Show Notes\n\n* **[00:25](#t=00:25)** Welcome\n* **[01:12](#t=01:12)** What are JavaScript executables?\n* **[04:39](#t=04:39)** Deploying tooling\n* **[06:01](#t=06:01)** Running on a USB stick\n* **[07:57](#t=07:57)** The size\n* **[12:19](#t=12:19)** Fastly\n* [The edge cloud platform behind the best of the web | Fastly](https://www.fastly.com/)\n* [Deno — A modern runtime for JavaScript and TypeScript](https://deno.com/runtime)\n* [Bun — A fast all-in-one JavaScript runtime](https://bun.sh/)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/syntax.fm/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"941682f5cbd0c98561864495792c658fd1eb9fd665f23ab48b387bcc4419054e","slug":"javascript-exe-standalone-executables","md_file":"/shows/620 - hasty Javascript.md","created_at":"2023-10-16T20:08:00.071Z","updated_at":"2024-08-29T14:18:16.490Z","show_type":"HASTY","guests":[],"notesFile":"/shows/620 - hasty Javascript.md","displayNumber":"620","displayDate":"May 29th, 2023"},{"id":"syntax_podcast_show_00619","number":619,"title":"Supper Club × Bramus Van Damme on CSS","date":"2023-05-26T12:00:00.778Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_619.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Bramus Van Damme all about CSS, what the CSS Working Group is, how he got good at blogging, setting custom property types in CSS, view transition API, and so much more.\n\n## Show Notes\n\n- **[00:35](#t=00:35)** Welcome Bramus Van Damme\n- **[02:29](#t=02:29)** Who is Bramus?\n- [Bramus Van Damme - Developer Relations Engineer - LinkedIn](https://www.linkedin.com/in/bramus/)\n- [Original Content – Bram.us](https://www.bram.us/category/original-content/)\n- [Bramus on Twitter (@bramus)](https://twitter.com/bramus)\n- [bramus on GitHub (Bramus!)](https://github.com/bramus/)\n- **[03:33](#t=03:33)** What is the CSS Working Group?\n- [CSS WG Blog](https://www.w3.org/blog/CSS/)\n- [w3c/csswg-drafts: CSS Working Group Editor Drafts](https://github.com/w3c/csswg-drafts)\n- **[11:18](#t=11:18)** How did you get so good at blogging?\n- [CSS Trig functions](https://web.dev/css-trig-functions/)\n- **[14:02](#t=14:02)** Scroll Driven Animations\n- [Bram.us: Scroll linked animations with scrolltimeline and viewtimeline/](https://www.bram.us/2022/10/27/scroll-linked-animations-with-scrolltimeline-and-viewtimeline/)\n- [Chrome Dev blog: Scroll driven animations/](https://developer.chrome.com/articles/scroll-driven-animations/)\n- [MDN Animation timeline](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline)\n- [Scroll-driven-animations.style](https://scroll-driven-animations.style/)\n- **[25:53](#t=25:53)** What's going on with Houdini?\n- [IsHoudiniReadyYet.com](https://ishoudinireadyyet.com/)\n- [CSS Props and Vals](https://web.dev/css-props-and-vals/)\n- **[27:09](#t=27:09)** Why do you need to set a custom property type in CSS?\n- **[29:08](#t=29:08)** How do you debug values in CSS?\n- **[30:12](#t=30:12)** What is Scope Styling?\n- **[34:50](#t=34:50)** But when can I use it?\n- **[36:18](#t=36:18)** What's the status of the view transition API?\n- [View Transitions](https://developer.chrome.com/docs/web-platform/view-transitions/)\n- **[40:53](#t=40:53)** What are you looking forward to in CSS?\n- **[42:19](#t=42:19)** Would CSS ever get a strict mode?\n- **[47:05](#t=47:05)** Supper Club Questions\n- [ZSH - THE Z SHELL](https://zsh.sourceforge.io/)\n- [zsh-users/antigen: The plugin manager for zsh.](https://github.com/zsh-users/antigen)\n- [web.dev](https://web.dev/)\n- [Blog - Chrome Developers](https://developer.chrome.com/en/blog/)\n- [Welcome to Feedly](https://feedly.com/)\n- **[52:40](#t=52:40)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- Meetups\n\n## Shameless Plugs\n\n- [Scroll-driven-animations.style](https://scroll-driven-animations.style/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n- [Wes Bos on Bluesky](https://bsky.app/profile/syntax.fm/wesbos.com)\n- [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n- [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"f000b48c9627f4638578fa25e297cb94198ee06b182203294b6407579da585ee","slug":"supper-club-bramus-van-damme-on-css","md_file":"/shows/619 - supper braum.md","created_at":"2023-10-16T20:08:00.025Z","updated_at":"2024-08-29T14:18:16.399Z","show_type":"SUPPER","guests":[{"Guest":{"github":"bramus","name":"Bramus Van Damme"}}],"notesFile":"/shows/619 - supper braum.md","displayNumber":"619","displayDate":"May 26th, 2023"},{"id":"syntax_podcast_show_00618","number":618,"title":"Potluck × JR Devs & Copilot × CSS Variable Limitations × SvelteKit","date":"2023-05-24T12:00:00.388Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_618.mp3","youtube_url":null,"show_notes":"\nIn this potluck episode of Syntax, Wes and Scott answer your questions about not becoming dependent on Copilot, CSS variable limitations, finding Sick Picks, lodash hate, and more!\n\n## Show Notes\n\n* **[00:11](#t=00:11)** Welcome\n* **[00:55](#t=00:55)** Ice, ice baby\n* **[02:01](#t=02:01)** Reactathon\n* [Reactathon returns May 2-3, 2023](https://www.reactathon.com/)\n* [The edge cloud platform behind the best of the web | Fastly](https://www.fastly.com/)\n* **[04:49](#t=04:49)** Submit your question for our next potluck\n* **[05:24](#t=05:24)** How do you suggest adding form / database to Svelte?\n* [Svelte • Cybernetically enhanced web apps](https://svelte.dev/)\n* [Astro](https://astro.build/)\n* **[08:18](#t=08:18)** What can't go into a CSS custom prop?\n* **[12:42](#t=12:42)** Are there any really good certifications for Javascript or general full stack development?\n* **[16:21](#t=16:21)** What is the most exciting thing about teaching programming for both of you?\n* **[19:37](#t=19:37)** What is the most challenging thing you have ever overcome in this field?\n* **[21:55](#t=21:55)** How can junior to mid-level devs make the most out of GitHub Copilot while avoiding getting dependent on it and hurting their abilities in the long run?\n* **[26:23](#t=26:23)** Any tips on driving a culture of code quality in a team?\n* **[30:28](#t=30:28)** How soon should Sentry be brought into a new project being built from scratch?\n* **[33:11](#t=33:11)** Is there a place where I can search through all the Sick Picks?\n* [Syntax Sick Picks](https://syntax.fm/sickpicks)\n* **[34:40](#t=34:40)** Why is box-sizing: border-box; not the default?\n* **[37:51](#t=37:51)** Is using lodash in a NextJS web application a terrible idea nowadays?\n* **[40:42](#t=40:42)** What is the best practice for storing JWT token?\n* **[43:53](#t=43:53)** Any tips on converting ajax requests to use Fetch API?\n* [patch-package - npm](https://www.npmjs.com/package/patch-package)\n* **[45:11](#t=45:11)** Any suggestions for tips for updating a very dated React Native codebase?\n* **[50:56](#t=50:56)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: Tales of Taboo podcast [Spotify](https://open.spotify.com/show/0LdFA4R6OpPAun8MqLa6nF) / [Apple Podcasts](https://podcasts.apple.com/us/podcast/tales-of-taboo/id1457365096)\n* Wes: Rubber Flooring\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/syntax.fm/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"8537a1546dabe19aeb8933d07a203c99238d9321bc70a7ae34046359637e0dae","slug":"potluck-jr-devs-and-copilot-css-variable-limitations-sveltekit","md_file":"/shows/618 - potluck.md","created_at":"2023-10-16T20:07:59.947Z","updated_at":"2024-08-29T14:18:16.300Z","show_type":"TASTY","guests":[],"notesFile":"/shows/618 - potluck.md","displayNumber":"618","displayDate":"May 24th, 2023"},{"id":"syntax_podcast_show_00617","number":617,"title":"Why Is node_modules So Big?","date":"2023-05-22T12:00:00.433Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_617.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about the reasons your node_modules folder gets so large, and what you can do to help keep the file size down.\n\n## Show Notes\n\n* **[00:24](#t=00:24)** Welcome\n* **[00:51](#t=00:51)** The punching bag of Javascript\n* [DaisyDisk](https://daisydiskapp.com/)\n* **[02:03](#t=02:03)** Spoiler alert - it's text\n* **[04:49](#t=04:49)** What actually increases the size?\n* **[07:29](#t=07:29)** Types\n* **[09:27](#t=09:27)** Polyfills\n* **[11:09](#t=11:09)** Raycast Snippets and BetterTouchTool\n* **[12:44](#t=12:44)** Babel\n* **[15:08](#t=15:08)** Markdown\n* **[15:52](#t=15:52)** Translations\n* **[18:23](#t=18:23)** What is the solution?\n* [Raycast](https://www.raycast.com/)\n* [Bundlephobia | Size of npm dependencies](https://bundlephobia.com/)\n* [Better Touch Tool](https://folivora.ai/)\n* [Fast, disk space efficient package manager | pnpm](https://pnpm.io/)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/syntax.fm/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"4e10e5e93d3d00dc8110da0cfc6f30cdaa2d88778899976fd07e4759b7d76e5e","slug":"why-is-node_modules-so-big","md_file":"/shows/617 - hasty node.md","created_at":"2023-10-16T20:07:59.876Z","updated_at":"2024-08-29T14:18:16.202Z","show_type":"HASTY","guests":[],"notesFile":"/shows/617 - hasty node.md","displayNumber":"617","displayDate":"May 22nd, 2023"},{"id":"syntax_podcast_show_00616","number":616,"title":"Supper Club × Adam Argyle on What's New in CSS","date":"2023-05-19T12:00:00.422Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_616.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Adam Argyle about a ton of new CSS features that have arrived or are coming soon, as well as his new site Gradient.style.\n\n## Show Notes\n\n* **[00:34](#t=00:34)** Welcome\n* **[01:05](#t=01:05)** Guest introduction\n* [Adam on Bluesky](https://bsky.app/profile/nerdy.dev)\n* [Adam on Twitter](https://twitter.com/argyleink)\n* **[01:48](#t=01:48)** CSS buckets\n* [New CSS Relative Units · January 6, 2023](https://nerdy.dev/new-relative-units-ric-rex-rlh-and-rch)\n* **[03:16](#t=03:16)** rex rch ric rlh\n* **[08:06](#t=08:06)** Gradient.style\n* [CSS HD Gradients](https://gradient.style/)\n* [Open Props: sub-atomic styles](https://open-props.style/)\n* **[13:49](#t=13:49)** What are style queries vs container queries vs state queries?\n* [una.im | Style Queries](https://una.im/style-queries/)\n* [Getting Started with Style Queries - Chrome Developers](https://developer.chrome.com/blog/style-queries/)\n* [CSS Container Style Queries | Can I use... Support tables for HTML5, CSS3, etc](https://caniuse.com/css-container-queries-style)\n* **[18:09](#t=18:09)** Trig functions\n* [Trigonometric functions in CSS](https://web.dev/css-trig-functions/#:~:text=The%20core%20three%20%E2%80%9Ctrig%20functions,between%20%E2%88%92%E2%88%9E%20and%20%2B%E2%88%9E%20)\n* [CSS Trigonometric Functions: cos() and sin(): dots on a circle](https://codepen.io/web-dot-dev/pen/ExePgOg)\n* **[19:57](#t=19:57)** Live transitions\n* [Understand Disney's 12 principles of animation | Creative Bloq](https://www.creativebloq.com/advice/understand-the-12-principles-of-animation)\n* **[25:08](#t=25:08)** View transitions\n* [View Transitions Demo](https://live-transitions.pages.dev/)\n* [View Transitions API - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API)\n* **[26:01](#t=26:01)** Text-wrap balance\n* [CSS text-wrap: balance - Chrome Developers](https://developer.chrome.com/blog/css-text-wrap-balance/)\n* **[26:45](#t=26:45)** Text-wrap pretty\n* **[27:44](#t=27:44)** What's the future of the browser landscape?\n* **[31:44](#t=31:44)** nth-child(An+B [of S])\n* **[33:06](#t=33:06)** Cascade layers\n* **[34:40](#t=34:40)** CSS Nesting\n* **[38:03](#t=38:03)** Animate discrete properties\n* [Feature: Transitions on specified discrete properties](https://chromestatus.com/feature/5071230636392448)\n* **[39:42](#t=39:42)** Linear function\n* [Linear easing generator](https://linear-easing-generator.netlify.app/)\n* **[41:33](#t=41:33)** Media query range syntax\n* **[42:04](#t=42:04)** Subgrid everywhere\n* **[44:41](#t=44:41)** Media query range and variables?\n* [UI Elements - Basics, Best Practice, and Built Ins — Syntax Podcast 612](https://syntax.fm/)\n* **[45:32](#t=45:32)** env variables\n* [Hasty Treat - CSS Nesting 1 — Syntax Podcast 343](https://syntax.fm/show/343/hasty-treat-css-nesting-1)\n* **[46:59](#t=46:59)** Animation composition\n* **[49:50](#t=49:50)** Select menu HTML element\n* **[52:16](#t=52:16)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n## Shameless Plugs\n\n* [Onewheel // Future Motion](https://onewheel.com/)\n* [Adam Argyle](https://nerdy.dev/)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/syntax.fm/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"2abb84c9586a6b615a364a019825f7d54f61b4ddd47f5e06ffe6a7e47dcaaed7","slug":"supper-club-adam-argyle-on-what-s-new-in-css","md_file":"/shows/616 - adam CSS.md","created_at":"2023-10-16T20:07:59.751Z","updated_at":"2024-08-29T14:18:16.150Z","show_type":"SUPPER","guests":[],"notesFile":"/shows/616 - adam CSS.md","displayNumber":"616","displayDate":"May 19th, 2023"},{"id":"syntax_podcast_show_00615","number":615,"title":"Where Should You Host Your App? Hosting Providers Compared","date":"2023-05-17T15:00:00.785Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_615.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about your options for hosting your app including some of the big players, but also others you may not have heard of.\n\n## Show Notes\n\n* **[00:11](#t=00:11)** Welcome\n* **[01:06](#t=01:06)** Explaining basic concepts in hosting providers\n* **[07:55](#t=07:55)** How is hosting priced?\n* **[10:09](#t=10:09)** The big names in hosting\n* [Amazon Web Services](https://aws.amazon.com/)\n* [Google Cloud](https://cloud.google.com/)\n* [Microsoft Azure](https://azure.microsoft.com/en-ca)\n* [DigitalOcean | The Cloud for Builders](https://www.digitalocean.com/)\n* [Sales Cloud](https://www.salesforce.com/ca/products/sales-cloud/overview/)\n* [Flightcontrol — AWS Without Pain](https://www.flightcontrol.dev/)\n* [Supper Club × Next.js on AWS + Serverless with Dax Raad — Syntax Podcast 589](https://syntax.fm/show/589/supper-club-next-js-on-aws-serverless-with-dax-raad)\n* **[16:29](#t=16:29)** Render\n* [Render](https://render.com/)\n* **[23:50](#t=23:50)** Vercel\n* [Vercel: Develop. Preview. Ship. For the best frontend teams](https://vercel.com/)\n* **[28:04](#t=28:04)** Heroku\n* [Cloud Application Platform | Heroku](https://www.heroku.com/)\n* **[31:58](#t=31:58)** Digital Ocean\n* **[36:10](#t=36:10)** Linode\n* [Create your account - Linode](https://login.linode.com/signup)\n* **[38:34](#t=38:34)** Netlify\n* [Develop and deploy websites and apps in record time | Netlify](https://www.netlify.com/)\n* [The Deno Show — Syntax Podcast 322](https://syntax.fm/show/322/the-deno-show)\n* [Decap CMS | Open-Source Content Management System](https://decapcms.org/)\n* **[46:30](#t=46:30)** Fly\n* [Deploy app servers close to your users · Fly](https://fly.io/)\n* [Railway](https://railway.app/)\n* **[54:19](#t=54:19)** Cloudflare\n* [Cloudflare - The Web Performance & Security Company | Cloudflare](https://www.cloudflare.com/)\n* **[00:43](#t=00:43)** Deno deploy\n* [Deno Deploy | Deno](https://deno.com/deploy)\n* **[03:04](#t=03:04)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [Automators - Relay FM](https://www.relay.fm/automators)\n* Wes: [Dropbox.com](https://www.dropbox.com/)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n* [Wes Bos on Bluesky](https://bsky.app/profile/syntax.fm/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n","hash":"2cb270dfd2b6b671be83a45a012ffbf11ff56b3b491382098d27877acf032aec","slug":"where-should-you-host-your-app-hosting-providers-compared","md_file":"/shows/615 - tasty.md","created_at":"2023-10-16T20:07:59.683Z","updated_at":"2024-08-29T14:18:16.119Z","show_type":"TASTY","guests":[],"notesFile":"/shows/615 - tasty.md","displayNumber":"615","displayDate":"May 17th, 2023"},{"id":"syntax_podcast_show_00614","number":614,"title":"WTF Are Signals And Why Is Everyone So Hot On Them All Of The Sudden?","date":"2023-05-15T12:00:00.868Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_611.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about Signals - what are signals and why is everyone talking about them suddenly?\n\n## Show Notes\n\n* **[00:25](#t=00:25)** Welcome\n* **[01:40](#t=01:40)** Chipping away at projects\n* **[03:20](#t=03:20)** WTF are signals?\n* [Signals](https://github.com/preactjs/signals)\n* [Framework reimagined for the edge! - Qwik](https://qwik.builder.io/)\n* [SolidJS · Reactive Javascript Library](https://www.solidjs.com/)\n* [Zone](https://github.com/angular/angular/tree/main/packages/zone.js)\n* [Vanilla](https://codesandbox.io/s/07ktxc?file=/src/index.js)\n* **[09:03](#t=09:03)** What are the boundaries on signals?\n* **[10:49](#t=10:49)** Why are signals so popular now?\n* **[15:57](#t=15:57)** When wouldn't you use signals?\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n","hash":"cd3a2b30d078bca335949e04a9b484ee04d156c18cdaf06b1e2b115968673a94","slug":"wtf-are-signals-and-why-is-everyone-so-hot-on-them-all-of-the-sudden","md_file":"/shows/614 - hasty signals.md","created_at":"2023-10-16T20:07:59.617Z","updated_at":"2024-08-29T14:18:16.086Z","show_type":"HASTY","guests":[],"notesFile":"/shows/614 - hasty signals.md","displayNumber":"614","displayDate":"May 15th, 2023"},{"id":"syntax_podcast_show_00613","number":613,"title":"Supper Club × Dylan Jhaveri - Video for the Web and MUX","date":"2023-05-12T12:00:00.856Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_613.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Dylan Jhaveri about his work at Mux, how Mux ingests and spits out video, and where Mux fits in a tech stack for developers working with video and audio.\n\n## Show Notes\n\n- **[00:36](#t=00:36)** Welcome\n- **[01:27](#t=01:27)** Who is Dylan Jhaveri?\n- [Dylan (@dylanjha)](https://twitter.com/dylanjha)\n- [The Internet's video infrastructure | Mux](https://www.mux.com/)\n- [Mux Player](https://www.mux.com/player)\n- **[03:04](#t=03:04)** Why did you build Mux Player?\n- [FFmpeg](https://ffmpeg.org/)\n- [FFmpeg WASM](https://ffmpegwasm.netlify.app/)\n- **[06:19](#t=06:19)** How did you chose to go with web components?\n- [CanIUse Mediasource](https://caniuse.com/mediasource)\n- **[09:36](#t=09:36)** What is Mux?\n- **[15:20](#t=15:20)** Can you stitch or clip video via the API with Mux?\n- **[18:07](#t=18:07)** Do you think hls will be supported in Chromium or Firefox?\n- **[21:56](#t=21:56)** How does Mux process videos into 5 versions?\n- **[26:35](#t=26:35)** Is Web assembly in use for video?\n- **[27:55](#t=27:55)** Has Mux researched AI for video?\n- **[31:13](#t=31:13)** Building a podcast transcription video\n- **[36:49](#t=36:49)** Do you have to use MP4? What about webM?\n- **[39:36](#t=39:36)** Media Chrome video player\n- [Elements for building media players](https://www.media-chrome.org)\n- **[44:58](#t=44:58)** What's Mux Data?\n- [Mux Data](https://www.mux.com/data)\n- **[49:33](#t=49:33)** Slick Mux website\n- [Mux.com](https://www.mux.com)\n- **[52:13](#t=52:13)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [Cruise](https://getcruise.com)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n","hash":"9ed576ca40949eda4f4287fc775b3a8ad755bedcbffe7d4cb6e33c64840713d2","slug":"supper-club-dylan-jhaveri-video-for-the-web-and-mux","md_file":"/shows/613 - supper dylan.md","created_at":"2023-10-16T20:07:59.489Z","updated_at":"2024-08-29T14:18:16.026Z","show_type":"SUPPER","guests":[{"Guest":{"github":"dylanjha","name":"Dylan Jhaveri"}}],"notesFile":"/shows/613 - supper dylan.md","displayNumber":"613","displayDate":"May 12th, 2023"},{"id":"syntax_podcast_show_00612","number":612,"title":"UI Elements - Basics, Best Practice, and Built Ins","date":"2023-05-10T12:00:00.221Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_612.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about UI elements and best practices with UI elements, as well as UI elements that exist in browsers.\n\n## Show Notes\n\n* **[00:10](#t=00:10)** Welcome\n* **[01:10](#t=01:10)** Making demos for fun\n* **[02:47](#t=02:47)** Why we're talking UI elements\n* **[03:48](#t=03:48)** Bad UI elements in the browser\n* [Syntax 602: Modals, Popups, Popovers, Lightboxes](https://syntax.fm/show/602/modals-popups-popovers-lightboxes)\n* [Progress](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meter)\n* **[10:47](#t=10:47)** Decent UI elements in browser\n* **[19:49](#t=19:49)** Enter Open UI\n* [Open UI](https://open-ui.org/)\n* **[34:39](#t=34:39)** Accordion hunks\n* **[38:15](#t=38:15)** Pop overs\n* **[42:15](#t=42:15)** Focus group\n* **[46:10](#t=46:10)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [Fishskyn](https://fishskyn.com/)\n* Wes: [Flavacol](https://amzn.to/3Arvkzg) & [Butter Flavoured Coconut Oil](https://amzn.to/40PNBBn)\n\n## Shameless Plugs\n\n* Scott: [Sentry replays](https://sentry.io/)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n","hash":"3d1ae104489c49ddfeb06ede2ca75dced5ce319a60db74b9a5f2168322fd0cce","slug":"ui-elements-basics-best-practice-and-built-ins","md_file":"/shows/612 - tasty ui.md","created_at":"2023-10-16T20:07:59.455Z","updated_at":"2024-08-29T14:18:15.994Z","show_type":"TASTY","guests":[],"notesFile":"/shows/612 - tasty ui.md","displayNumber":"612","displayDate":"May 10th, 2023"},{"id":"syntax_podcast_show_00611","number":611,"title":"Bluesky + AT Protocol","date":"2023-05-08T12:00:00.703Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_611-new.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk all things Bluesky, the AT Protocol it's built in, the terminology of Bluesky, and how the API currently works.\n\n## Show Notes\n\n* **[00:07](#t=00:07)** Welcome\n* **[00:53](#t=00:53)** Welcome to the Bluesky\n* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)\n* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)\n* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)\n* **[03:14](#t=03:14)** What could the new Twitter be?\n* **[07:56](#t=07:56)** What is Bluesky?\n* [Nostr](https://nostr.com/)\n* [Bluesky](https://blueskyweb.xyz/)\n* [Twitter Blue](https://help.twitter.com/en/using-twitter/twitter-blue)\n* [Bluesky Staging](https://staging.bsky.app/)\n* [Bluesky FAQ](https://blueskyweb.xyz/faq)\n* **[10:25](#t=10:25)** Why is social media important?\n* **[14:01](#t=14:01)** What is AT Protocol?\n* **[22:06](#t=22:06)** Lexicon for Bluesky\n* **[28:10](#t=28:10)** Small group of devs building Bluesky\n* [Cravings: All Together: Recipes to Love: A Cookbook](https://amzn.to/3Nulx34)\n* [Cravings: Recipes for All the Food You Want to Eat: A Cookbook](https://amzn.to/4225bn7)\n* **[29:54](#t=29:54)** Blocking issues\n* **[31:53](#t=31:53)** Bluesky API\n* [Samy on Darknet Diaries ep61](https://darknetdiaries.com/episode/61/)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io/welcome/)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n","hash":"0d7a91a09ce34e862e7cf55e2feb3b2bcf44e14e4a9b1c16a5ad08ad3b4dd842","slug":"bluesky-at-protocol","md_file":"/shows/611 - bluesky.md","created_at":"2023-10-16T20:07:59.423Z","updated_at":"2024-08-29T14:18:15.965Z","show_type":"HASTY","guests":[],"notesFile":"/shows/611 - bluesky.md","displayNumber":"611","displayDate":"May 8th, 2023"},{"id":"syntax_podcast_show_00610","number":610,"title":"Supper Club × Zach Lloyd from Warp","date":"2023-05-05T12:00:00.317Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_610.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Zach Lloyd about how Google Sheets works, why Zach wanted to build Warp, why did they use Rust to write Warp in, is Warp going to come to Windows, and more!\n\n## Show Notes\n\n* **[00:20](#t=00:20)** Welcome\n* **[01:12](#t=01:12)** Who is Zach Lloyd?\n* [Zack on Twitter](https://twitter.com/zachlloydtweets)\n* [Zack on LinkedIn](https://www.linkedin.com/in/zachlloyd/)\n* [Warp Terminal × Next Gen Terminals — Syntax Podcast 579](https://syntax.fm/show/579/warp-terminal-next-gen-terminals)\n* [Warp: The terminal for the 21st century](https://www.warp.dev/)\n* **[03:41](#t=03:41)** How does Google Sheets work?\n* [GWT](https://www.gwtproject.org/)\n* **[13:38](#t=13:38)** What is Warp and why did you build it?\n* [Introducing Warp](https://www.warp.dev/blog/introducing-warp)\n* **[16:50](#t=16:50)** Why did you build Warp in Rust?\n* [Rust Programming Language](https://www.rust-lang.org/)\n* [Harfbuzz](https://github.com/harfbuzz/harfbuzz)\n* [Adventures in Text Rendering: Kerning and Glyph Atlases](https://www.warp.dev/blog/adventures-text-rendering-kerning-glyph-atlases)\n* **[23:20](#t=23:20)** How would you move Warp to Windows?\n* **[26:02](#t=26:02)** How would you run Warp on the web?\n* **[31:24](#t=31:24)** How are the blocks done inside Warp?\n* **[36:23](#t=36:23)** Would Warp ever add a shell?\n* **[40:04](#t=40:04)** Is better completion support coming to Warp?\n* **[44:42](#t=44:42)** Warp AI features\n* **[52:08](#t=52:08)** Supper Club questions\n* **[56:52](#t=56:52)** SIIIIICK ××× PIIIICKS ×××\n\n* [Oh My Zsh - a delightful & open source framework for Zsh](https://ohmyz.sh/)\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* [Tonal | The World's Smartest Home Gym Machine For Strength & Fitness](https://www.tonal.com/)\n\n## Shameless Plugs\n\n* [Join Us | Warp](https://www.warp.dev/careers)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n","hash":"56654da7854ebee80f2a098631b4006e8f5bcebece3ded63c4ba1c7595c46ee7","slug":"supper-club-zach-lloyd-from-warp","md_file":"/shows/610 - Supper.md","created_at":"2023-10-16T20:07:59.363Z","updated_at":"2024-08-29T14:18:15.916Z","show_type":"SUPPER","guests":[],"notesFile":"/shows/610 - Supper.md","displayNumber":"610","displayDate":"May 5th, 2023"},{"id":"syntax_podcast_show_00609","number":609,"title":"The Syntax Giveaway Site - Codes, Bots, Tech Stack and More!","date":"2023-05-03T11:00:00.000Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_609.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott talk about the tech stack they used to create the Syntax giveaway site for the Sentry + Syntax announcement week. What were the features of the site, how'd they generate proper codes, and how'd they stop developers from hacking the system?\n\n## Show Notes\n\n- **[00:07](#t=00:07)** How to do a giveaway and distribute it?\n- **[04:26](#t=04:26)** Building in the spirit of Syntax\n- **[05:44](#t=05:44)** The tech stack\n- [SvelteKit • Web development, streamlined](https://kit.svelte.dev/)\n- [Prisma | Next-generation ORM for Node.js & TypeScript](https://www.prisma.io/)\n- [Syntax × Sentry MMXXIII | Product Blog • Sentry](https://blog.sentry.io/2023/04/12/syntax-sentry-mmxxiii/)\n- [PlanetScale: The world’s most advanced database platform](https://planetscale.com/)\n- [My Places - Google My Maps](https://www.google.com/maps/d/viewer?mid=1eLqvkQ9wGvMRVrAQsm5g7EdlnSY&hl=en_US&ll=39.04394865349766,-76.85871&z=10)\n- [sveltekit-basic-auth/hooks.server.ts at main · ghostdevv/sveltekit-basic-auth](https://github.com/ghostdevv/sveltekit-basic-auth/blob/main/src/hooks.server.ts)\n- [Voucherify: Free Random Codes Generator](https://www.voucherify.io/generator)\n- **[09:48](#t=09:48)** Hosted on Vercel\n- [Vercel](https://vercel.com/)\n- **[13:04](#t=13:04)** What are the features of the site?\n- **[19:10](#t=19:10)** Generating the codes properly\n- **[26:48](#t=26:48)** Releasing locked coupon codes\n- **[29:13](#t=29:13)** Client to server side connections\n- **[32:56](#t=32:56)** Stopping developers from gaming the giveaway\n- **[46:29](#t=46:29)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- Scott: [The Super Mario Bros. Movie (2023) - IMDb](https://www.imdb.com/title/tt6718170/)\n- Wes: [The Strong National Museum of Play](https://www.museumofplay.org/)\n\n## Shameless Plugs\n\n- Scott: [Application Performance Monitoring & Error Tracking Software | Sentry](https://sentry.io/welcome/)\n- Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n","hash":"4882634ef535b930e2f52dbfa83f24442780ac46e44a4608a414c0fe07fd05b1","slug":"the-syntax-giveaway-site-codes-bots-tech-stack-and-more","md_file":"/shows/609 - Tasty Syntax giveaway.md","created_at":"2023-10-16T20:07:59.330Z","updated_at":"2024-08-29T14:18:15.883Z","show_type":"TASTY","guests":[],"notesFile":"/shows/609 - Tasty Syntax giveaway.md","displayNumber":"609","displayDate":"May 3rd, 2023"},{"id":"syntax_podcast_show_00608","number":608,"title":"RPC in JavaScript!","date":"2023-05-01T12:00:00.125Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_608.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about RPC, what it means, why are we talking about it now, tRPC, and will RPC take off?\n\n## Show Notes\n\n* **[00:22](#t=00:22)** Welcome\n* **[01:51](#t=01:51)** What does RPC mean?\n* **[04:52](#t=04:52)** Why are we talking RPC now?\n* **[10:27](#t=10:27)** Hype around RPC\n* [Supper Club × Solid.js with Ryan Carniato — Syntax Podcast 577](https://syntax.fm/show/577/supper-club-solid-js-with-ryan-carniato)\n* **[11:05](#t=11:05)** Isn't this just a REST endpoint?\n* **[13:23](#t=13:23)** Considerations around RPC\n* **[16:11](#t=16:11)** What about tRPC?\n* [Supper Club × tRPC With Alex KATT Johansson — Syntax Podcast 526](https://syntax.fm/show/526/supper-club-trpc-with-alex-katt-johansson)\n* **[18:08](#t=18:08)** Will RPC take off?\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n","hash":"cc10cf9818457efca0a67f29745c2f8609be5cd9ca1aa80b3f5714de7fa1102e","slug":"rpc-in-javascript","md_file":"/shows/608 - Hasty RPC.md","created_at":"2023-10-16T20:07:59.291Z","updated_at":"2024-08-29T14:18:15.851Z","show_type":"HASTY","guests":[],"notesFile":"/shows/608 - Hasty RPC.md","displayNumber":"608","displayDate":"May 1st, 2023"},{"id":"syntax_podcast_show_00607","number":607,"title":"Supper Club × Privacy, Cookie Banners, GDPR with Donata and Hans Skillrud","date":"2023-04-28T12:00:00.985Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_607.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Donata and Hans Skillrud of Termageddon on GDPR, privacy policies, cookie pop ups, and the various legal and ethical reasons to implement them properly.\n\n## Show Notes\n\n- **[00:36](#t=00:36)** Welcome\n- **[01:47](#t=01:47)** Who are Donata and Hans?\n- [Donata Stroink-Skillrud Esq., CIPP on Twitter](https://twitter.com/DonataSkillrud)\n- [Hans Skillrud on Twitter](https://twitter.com/DeepSpaceHans)\n- [Termageddon](https://termageddon.com/)\n- [Termageddon on Instagram](https://www.instagram.com/termageddon/)\n- [Termageddon on LinkedIn](https://www.linkedin.com/company/termageddon/)\n- **[03:39](#t=03:39)** What are privacy policies and a terms of service?\n- [4 Things to Look for in a Privacy Policy Generator - Termageddon](https://termageddon.com/4-things-to-look-for-in-a-privacy-policy-generator/)\n- [Why accessibility is important when it comes to cookie consent - Termageddon](https://termageddon.com/why-accessibility-is-important-when-it-comes-to-cookie-consent/)\n- **[09:15](#t=09:15)** Does scrolling to the bottom and pretending to read terms work?\n- **[10:49](#t=10:49)** Do people ever read the terms of service?\n- **[15:57](#t=15:57)** Do companies ever actually get in trouble for violating privacy?\n- **[20:06](#t=20:06)** What is GDPR and the impact on small business owners?\n- **[32:30](#t=32:30)** Cookie war and pop ups\n- **[35:40](#t=35:40)** Essential cookies\n- **[42:42](#t=42:42)** Alternatives to Google Analytics\n- [The Google Analytics alternative without compromise - Fathom Analytics](https://usefathom.com/)\n- [Self-hosted website analytics | Ackee](https://ackee.electerious.com/)\n- **[43:39](#t=43:39)** Denying cookies, but still able to create accounts?\n- **[48:57](#t=48:57)** Is there legal concerns with AI?\n- [Can ChatGPT (AI) write your Privacy Policy? - Termageddon](https://termageddon.com/can-chatgpt-artificial-intelligence-write-your-privacy-policy/)\n- **[56:25](#t=56:25)** What is Termageddon?\n- **[58:59](#t=58:59)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [EPIX From TV Series](https://www.epix.com/series/from)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n","hash":"17e7af32565eafe5cc03cc72f20ea5d0e3974ac320291065bbe558afb217556c","slug":"supper-club-privacy-cookie-banners-gdpr-with-donata-and-hans-skillrud","md_file":"/shows/607 - Supper Termageddon.md","created_at":"2023-10-16T20:07:59.118Z","updated_at":"2024-08-29T14:18:15.767Z","show_type":"SUPPER","guests":[{"Guest":{"github":null,"name":"Hans Skillrud"}},{"Guest":{"github":null,"name":"Donata Skillrud"}}],"notesFile":"/shows/607 - Supper Termageddon.md","displayNumber":"607","displayDate":"April 28th, 2023"},{"id":"syntax_podcast_show_00606","number":606,"title":"Potluck × Crypto × SEO × Status Pages × Learning Tools","date":"2023-04-26T12:00:00.439Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_606.mp3","youtube_url":null,"show_notes":"\nIn this potluck episode of Syntax, Wes and Scott answer your questions about type guards vs type casting, crypto usage, feedback for Syntax, custom status pages, SEO and metadata, uploading images, home automation, and more!\n\n## Show Notes\n\n* **[00:12](#t=00:12)** Welcome\n* **[01:23](#t=01:23)** Scott's new gear\n* [MT-48](https://www.neumann.com/en-en/products/audiointerfaces/mt-48)\n* [Volt USB Audio Interfaces](https://www.uaudio.com/audio-interfaces/volt.html)\n* **[07:36](#t=07:36)** Are type guards safer and superior to type casting?\n* **[13:51](#t=13:51)** I know you guys (lightly) rag on Crypto, but do you see any use-case there for proof-of-personhood?\n* **[23:34](#t=23:34)** Where do I give feedback outside of Twitter?\n* [User Feedback | Sentry Documentation](https://docs.sentry.io/product/user-feedback/)\n* **[27:19](#t=27:19)** Do you have custom status pages created for your platforms?\n* [UptimeRobot: Free Website Monitoring Service](https://uptimerobot.com/)\n* [Privacy Badger](https://privacybadger.org/)\n* [Status.io - Hosted Status Pages](https://status.io/)\n* [Statuspage | Atlassian](https://www.atlassian.com/software/statuspage)\n* [DigitalOcean Status](https://status.digitalocean.com/)\n* **[35:12](#t=35:12)** Is metadata only good for SEO? Does SEO matter on pages you can only view if you're logged in?\n* **[39:00](#t=39:00)** How do you upload images from authenticated users?\n* **[46:30](#t=46:30)** What do you think of Zed?\n* [Zed - Code at the speed of thought](https://zed.dev/)\n* **[53:21](#t=53:21)** I’ve got ADHD - any tips for focusing and staying on track?\n* **[56:54](#t=56:54)** How do I convince my partner to accept more home automation?\n* **[02:15](#t=02:15)** What kind of tools and processes do you use and find effective when learning?\n* [Obsidian](https://obsidian.md/)\n* [Mind Map & Brainstorm Ideas - MindNode](https://www.mindnode.com/)\n* **[06:42](#t=06:42)** Would it make any sense to use the Fetch API with a long running stream?\n* **[08:31](#t=08:31)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [Project Farm](https://www.youtube.com/c/projectfarm)\n* Wes: [Splatypus](https://amzn.to/3L6vz92)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n","hash":"a3ce1c048a525201165ff5a8029d14a2baf08aabb6179f35b05f0ca9d6ef8fcd","slug":"potluck-crypto-seo-status-pages-learning-tools","md_file":"/shows/606 - Tasty Potluck.md","created_at":"2023-10-16T20:07:59.073Z","updated_at":"2024-08-29T14:18:15.735Z","show_type":"TASTY","guests":[],"notesFile":"/shows/606 - Tasty Potluck.md","displayNumber":"606","displayDate":"April 26th, 2023"},{"id":"syntax_podcast_show_00605","number":605,"title":"CSS Color Functions","date":"2023-04-24T12:00:00.125Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_605.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk about CSS Color Functions, the benefits of dynamic css color, relative color syntax, color contrast, and color mix.\n\n## Show Notes\n\n* **[00:26](#t=00:26)** Welcome\n* **[00:49](#t=00:49)** Why we're talking CSS Color Functions\n* **[01:57](#t=01:57)** Benefits of dynamic CSS color\n* **[03:14](#t=03:14)** Relative color syntax\n* **[06:51](#t=06:51)** Color contrast\n* **[09:26](#t=09:26)** Color mix\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n","hash":"314c132808477a2f62318bf22a11f8c2ad8e357beafb58ff43bf3b17115e93e8","slug":"css-color-functions","md_file":"/shows/605 - Hasty CSS Color.md","created_at":"2023-10-16T20:07:59.038Z","updated_at":"2024-08-29T14:18:15.702Z","show_type":"HASTY","guests":[],"notesFile":"/shows/605 - Hasty CSS Color.md","displayNumber":"605","displayDate":"April 24th, 2023"},{"id":"syntax_podcast_show_00604","number":604,"title":"Supper Club × ESLint with Nicholas Zakas","date":"2023-04-21T12:00:00.507Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_604.mp3","youtube_url":null,"show_notes":"\nIn this supper club episode of Syntax, Wes and Scott talk with Nicholas Zakas about his creation of ESLint, what's coming up in ESLint, and his work as a coach and mentor for programmers.\n\n## Show Notes\n\n- **[00:34](#t=00:34)** Welcome\n- **[01:20](#t=01:20)** Guest introduction\n- [Human Who Codes](https://humanwhocodes.com/blog/)\n- [Nicholas C. Zakas (@nzakas@fosstodon.org)](https://fosstodon.org/@nzakas)\n- [Twitter @slicknet](https://twitter.com/slicknet/)\n- [nzakas on GitHub](https://github.com/nzakas/)\n- [@humanwhocodes) on Instagram](https://www.instagram.com/humanwhocodes/)\n- [Human Who Codes on YouTube](https://www.youtube.com/channel/UC95Pwj8oPPZN2mJCEtMqOsg)\n- **[04:24](#t=04:24)** Why did you want to build ESLint?\n- **[09:08](#t=09:08)** How does ESLint work?\n- **[13:25](#t=13:25)** How do you work on a project for a decade?\n- **[17:12](#t=17:12)** At what point do you pay attention to JavaScript proposed changes?\n- **[20:37](#t=20:37)** Config systems in JavaScript\n- **[31:18](#t=31:18)** ESLint in Rust?\n- **[41:07](#t=41:07)** Are we going to see ESLint for more languages?\n- **[47:06](#t=47:06)** What kind of coaching do you do for programmers?\n- **[02:46](#t=02:46)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n- [Apollo Neuro](https://apolloneuro.com)\n\n## Shameless Plugs\n\n- [Understanding JavaScript Promises](https://ebooks.humanwhocodes.com/)\n\n## Tweet us your tasty treats\n\n- [Scott's Instagram](https://www.instagram.com/stolinski/)\n- [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n- [Wes' Instagram](https://www.instagram.com/wesbos/)\n- [Wes' Twitter](https://twitter.com/wesbos)\n- [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n- [Scott's Twitter](https://twitter.com/stolinski)\n- Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n","hash":"b7be5821066a327332c81786e3dd227ad945579283ee951163e1f4a017714d30","slug":"supper-club-eslint-with-nicholas-zakas","md_file":"/shows/604 - Supper ESLint.md","created_at":"2023-10-16T20:07:58.946Z","updated_at":"2024-08-29T14:18:15.639Z","show_type":"SUPPER","guests":[{"Guest":{"github":"nzakas","name":"Nicholas Zakas"}}],"notesFile":"/shows/604 - Supper ESLint.md","displayNumber":"604","displayDate":"April 21st, 2023"},{"id":"syntax_podcast_show_00603","number":603,"title":"Can Vanilla CSS Replace Sass Yet?","date":"2023-04-19T12:00:00.431Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_603.mp3","youtube_url":null,"show_notes":"\nIn this episode of Syntax, Wes and Scott go through all the features of Sass and decide where we are at with Native CSS alternatives, giving each feature a rating of replaceable, plausible, or missing.\n\n## Show Notes\n\n* **[00:11](#t=00:11)** Welcome\n* **[01:17](#t=01:17)** Easter updates\n* **[04:17](#t=04:17)** Getting into Sass\n* **[06:03](#t=06:03)** What is PostCSS?\n* **[09:52](#t=09:52)** CSS Variables\n* **[13:49](#t=13:49)** CSS Nesting\n* [CSS Nesting - Chrome Developers](https://developer.chrome.com/articles/css-nesting/)\n* [postcss-plugins/plugins/postcss-nesting at main · csstools/postcss-plugins](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting)\n* **[23:13](#t=23:13)** Colors\n* [CSS5 Color Functions — Syntax Podcast 479](https://syntax.fm/show/479/css5-color-functions)\n* **[29:08](#t=29:08)** CSS Looping\n* **[34:20](#t=34:20)** Mixins or extends\n* **[39:34](#t=39:34)** CSS Partials\n* [Features - PostCSS Preset Env - CSSTools](https://preset-env.cssdb.org/features/#color-mix)\n* **[44:29](#t=44:29)** CSS Math\n* **[49:40](#t=49:40)** Functions\n* [Is Houdini Ready Yet?](https://ishoudinireadyyet.com/)\n* **[52:04](#t=52:04)** Firefox and Safari support\n* **[55:08](#t=55:08)** Back to Functions\n* **[56:21](#t=56:21)** BEM Syntax\n* **[58:51](#t=58:51)** SIIIIICK ××× PIIIICKS ×××\n\n## ××× SIIIIICK ××× PIIIICKS ×××\n\n* Scott: [Solar Lantern](https://amzn.to/3mpIiuc)\n* Wes: [Cotton Candy Machine](https://amzn.to/3MwaMNd)\n\n## Shameless Plugs\n\n* Scott: [Sentry](https://sentry.io)\n* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)\n\n## Tweet us your tasty treats\n\n* [Scott's Instagram](https://www.instagram.com/stolinski/)\n* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)\n* [Wes' Instagram](https://www.instagram.com/wesbos/)\n* [Wes' Twitter](https://twitter.com/wesbos)\n* [Wes' Facebook](https://www.facebook.com/wesbos.developer)\n* [Scott's Twitter](https://twitter.com/stolinski)\n* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets\n","hash":"3ecfab70676058aea14f1d98f900ab4e52448ec82976d18ebc760379072ac6a9","slug":"can-vanilla-css-replace-sass-yet","md_file":"/shows/603 - Tasty.md","created_at":"2023-10-16T20:07:58.909Z","updated_at":"2024-08-29T14:18:15.598Z","show_type":"TASTY","guests":[],"notesFile":"/shows/603 - Tasty.md","displayNumber":"603","displayDate":"April 19th, 2023"},{"id":"syntax_podcast_show_00602","number":602,"title":"Modals, Popups, Popovers, Lightboxes","date":"2023-04-17T12:00:00.237Z","url":"https://traffic.libsyn.com/syntax/Syntax_-_602.mp3","youtube_url":null,"show_notes":"\nIn this Hasty Treat, Scott and Wes talk through the differences between modals, popups, popovers, lightboxes, and dialog boxes.\n\n## Show Notes\n\n* **[00:31](#t=00:31)** Welcome\n* **[02:25](#t=02:25)** What's popping up?\n* **[02:59](#t=02:59)** What's a modal?\n* **[08:33](#t=08:33)** Pop overs and lightboxes\n* **[10:41](#t=10:41)** Explicit dismiss and light dismiss\n* **[11:30](#t=11:30)** Inert property\n* [inert](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inert)\n* **[16:30](#t=16:30)** Backdrop pseudo element\n* [Dialog with animation](https://codepen.io/geckotang/post/dialog-with-animation)\n* **[19:26](#t=19:26)** Dialog\n* **[28:12:11](#t=28:12:11)** Making accessibility easier\n\n```\nconst showButton = document.getElementById('showDialog');\nconst favDialog = document.getElementById('favDialog');\nconst outputBox = document.querySelector('output');\nconst selectEl = favDialog.querySelector('select');\nconst confirmBtn = favDialog.querySelector('#confirmBtn');\n\n// \"Show the dialog\" button opens the

scott@leveluptuts.com

CSS Components: Tailwind, Panda, Scoped, Modules, Classes, Variables, CSS-in-JS and Sprinkles!