Syntax - Tasty Web Development Treats

In this potluck episode of Syntax, Wes and Scott answer your questions about maintaining popular open-source projects, where to start after a layoff, impostor syndrome, Scott’s recording setup, whether a computer science degree is still worth it in the age of AI, and more! SHOW NOTES * 00:00 Welcome to Syntax! * 00:44 Brought to you bySentry.io [https://sentry.io/] * 04:16 How to maintain a successful NPM package * 08:03 What to do in Denver while attending Laracon * 11:18 How to branch out and learn new frameworks while balancing work life and family * 15:55 Built-in state management vs external state management * Full Stack App Build | Travel Log w/ Nuxt, Vue, Better Auth, Drizzle, Tailwind, DaisyUI, MapLibre [https://www.youtube.com/watch?v=DK93dqmJJYg] * 19:43 Suggestion for CSS battles: Removing white space and new lines after the time limit? * 23:06 What is Scott’s recording setup? * Aputure Light Dome [https://amzn.to/3HoebgC] * Aputure Amaran 150c [https://amzn.to/4mKYO1U] * Sony FX3 [https://electronics.sony.com/imaging/interchangeable-lens-cameras/all-interchangeable-lens-cameras/p/ilmefx3a] * Electro-Voice RE20 [https://products.electrovoice.com/na/en/re20/] * 27:46 Snake case vs camel case * Eye Tracking Study on camelCase and under_score Identifier Styles [https://ieeexplore.ieee.org/document/5521745] * 31:16 Have you ever had impostor syndrome? * 34:56 Is a degree worth it for computer science or machine learning? * 38:41 Should I use a reverse proxy server? * Ep 798: Self Hosting: Reverse Proxy Servers [https://syntax.fm/show/798/self-hosting-reverse-proxy-servers] * 42:03 Where to start when updating your webdev skillset * 50:11 Sick Picks + Shameless Plugs SICK PICKS * Scott:Cardboard Cutter [https://amzn.to/4kpTlfG] * Wes:Kitchen Scissors [https://www.amazon.com/s?k=kitchen+scissors&crid=3VAEGVD5TS68I&sprefix=kitchen+scissors] SHAMELESS PLUGS * Syntax YouTube Channel [https://www.youtube.com/@syntaxfm] HIT US UP ON SOCIALS! Syntax: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] Wes: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] Scott: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] Randy:X [https://twitter.com/randyrektor]Instagram [https://www.instagram.com/randyrektor/]YouTube [https://www.youtube.com/@randyrektor]Threads [https://www.threads.net/@randyrektor]

AI coding agents are getting wild. Scott and Wes break down the latest tools that run in the background, write code across multiple steps, and charge you $200 a month to do it. From CLI-based primitives to full-on copilots, this episode covers the next wave of dev tools and what it takes to use them effectively. SHOW NOTES * 00:00 Welcome to Syntax! * 03:13 Background Agents. * 04:26 Appropriate tasks for background agents. * 12:46 CLI tooling. * 14:17 Claude Code Pricing. * 18:20 Approaches to get the most from these tools. * 19:56 PRD Documents. * Atlasian What’s a PRD Document [https://www.atlassian.com/agile/product-management/requirements]. * 20:50 Claude Taskmaster [https://www.task-master.dev/]. * Langflow [www.langflow.org]. * 25:29 Sick Picks & Shameless Plugs. SICK PICKS * Scott: RingConn [https://amzn.to/4nkXe7w]. * Wes: Dell Projector SHAMELESS PLUGS * Scott: Syntax on YouTube [www.youtube.com/@syntaxfm]. HIT US UP ON SOCIALS! Syntax: 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] Wes: 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] Scott: 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] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

Wes and Scott talk about the latest JavaScript proposals from TC39, including features like import defer, the powerful new random namespace, Array.fromAsync, and native clamp and upsert methods. They break down what’s coming, why it matters, and how it might improve your code. SHOW NOTES * 00:00 Welcome to Syntax! * 02:55 Brought to you by Sentry.io [https://sentry.io/] * 05:37 Import Defer * proposal-defer-import-eval [https://github.com/tc39/proposal-defer-import-eval/] * proposal-deferred-reexports [https://github.com/tc39/proposal-deferred-reexports?tab=readme-ov-file] * Rob Palmer [https://x.com/robpalmer2] * 09:30 Random Functions * proposal-random-functions [https://github.com/tc39/proposal-random-functions] * proposal-seeded-random [https://github.com/tc39/proposal-seeded-random] * 18:32 Array from Async * proposal-array-from-async [https://github.com/tc39/proposal-array-from-async] * 20:56 Upsert for Maps * proposal-upsert [https://github.com/tc39/proposal-upsert] * 23:13 Clamp * proposal-math-clamp [https://github.com/tc39/proposal-math-clamp] * 27:02 Sick Picks + Shameless Plugs SICK PICKS * Scott: Anker Max USB 4-Port [https://amzn.to/3FCQFfo] * Wes: Clarkson’s Farm [https://en.wikipedia.org/wiki/Clarkson%27s_Farm] HIT US UP ON SOCIALS! Syntax: 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] Wes: 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] Scott: 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] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

Wes and CJ break down the latest web dev news, including big changes in Safari 26, TypeScript Native Previews, and Remix dropping React. They also chat about new proposals from TC39, Vite 7 beta, and a surprise project from the Astro team. SHOW NOTES * 00:00 Welcome to Syntax! * 00:41 Safari WWDC [https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/]. * 01:05 SVG Favicons. * 02:01 Every site can be a web app on iOS and iPadOS. * 03:08 WebGPU in Safari. * 08:02 Lots of CSS goodies. * @Una Tweet [https://x.com/Una/status/1932152208960737488]. * 10:19 Remix 3 dropping React. * Wake Up Remix [https://remix.run/blog/wake-up-remix]. * @mjackson Tweet [https://x.com/mjackson/status/1928297364726632499]. * 17:40 Typescript Native Preview. * @drosenwasser Tweet [https://x.com/drosenwasser/status/1925587314761506950]. * Microsoft Blog: Announcing TypeScript Native Previews [https://devblogs.microsoft.com/typescript/announcing-typescript-native-previews/]. * 20:53 Cursor 1.0 [https://www.cursor.com/changelog/1-0]. * 29:12 TC39 [https://socket.dev/blog/tc39-advances-9-proposals] Advances Several Proposals to Stage 4. * 29:51 Array.fromAsync. * 31:15 Error.isError. * 32:14 Explicit Resource Management: using. * 36:53 Astro Creators working on an email client. * @FredKSchott Tweet [https://x.com/FredKSchott/status/1922413757344416194]. * 39:23 Announcing Rolldown-Vite. * Voidzero [https://voidzero.dev/posts/announcing-rolldown-vite]. * Compatibility [https://main.vite.dev/guide/rolldown#compatibility]. * 44:43 Vite 7 in Beta [https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#700-beta0-2025-06-02]. * 46:04 Angular v20 Released [https://blog.angular.dev/announcing-angular-v20-b5c9c06cf301]. * 47:30 Take the State of CSS Survey [https://survey.devographics.com/en-US/survey/state-of-css/2025]! * 48:40 Brought to you by Sentry.io [https://sentry.io/syntax]. HIT US UP ON SOCIALS! Syntax: 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] Wes: 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] Scott: 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] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

Wes chats with James Mikrut, founder of Payload CMS, about being acquired by Figma! They discuss building an open source business, the future of UI design, AI interfaces, and what this means for the future of Payload and Figma. Show Notes * 00:00 Welcome to Syntax. * 01:06 What is Payload CMS [https://payloadcms.com/]? * 01:56 The big announcement. * 03:03 Why does Figma [https://www.figma.com/] want a CMS? * 05:23 This has got to be about AI, right? * 09:37 Brought to you by Sentry.io [https://sentry.io/syntax]. * 10:02 What will the interface be? * 14:02 Generative, user-specific UI. * 16:17 Agents make everything look like ShadCN [https://ui.shadcn.com/]. * 18:18 What does this mean for Payload users? * 20:23 How this improves Payload. * 22:31 Trying to stand out as a CMS. * 23:35 Is this going to cost users? * 25:12 Sick Picks & Shameless Plugs. Sick Picks * James: Triumph Street Triple [https://www.triumph-motorcycles.ca/motorcycles/roadsters/street-triple/models], Malört Liquor [https://www.foodandwine.com/travel/history-of-malort-chicago-novelty-liquor]. Shameless Plugs * James: PayloadCMS [https://payloadcms.com/]. Hit us up on Socials! Syntax: 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] Wes: 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] Scott: 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] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]