Syntax - Tasty Web Development Treats

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]

Scott and Wes break down the state of web browsers in 2025, from the rise and fall of Arc and the fate of Firefox to hot takes on Opera GX, Raycast, and why power users might not be profitable. They compare rendering engines, rant about dev tools, and reveal what browser stats say about Syntax listeners. SHOW NOTES * 00:00 Welcome to Syntax! * 01:37 Rendering Engines. * 02:11 Arc Browser. * 02:41 Microsoft Edge. * 03:45 Why not Brave? * 05:25 Brought to you by Sentry.io [https://sentry.io/syntax]. * 05:50 Google Manifest v2. * 07:32 Opera. * OperaGX [https://www.opera.com/gx]. * 10:13 Vivaldi [https://vivaldi.com/]. * 11:23 The death of Arc [https://arc.net/] Browser. * 11:44 Dia [https://www.diabrowser.com/]? * 14:43 No revenue from power-users. * Letter to Arc Members [https://browsercompany.substack.com/p/letter-to-arc-members-2025]. * 15:38 Arc’s transition to a new browser. * 17:02 Browser companies need to lock users fast! * 19:42 Gecko. * 19:45 Firefox. * 21:08 Zen [https://zen-browser.app/]. * 22:38 Webkit. * There Still Arent Any iPhone Browsers With Custom Engines [https://tech.yahoo.com/phones/articles/still-arent-iphone-browsers-custom-151159611.html] * 29:18 Wtf is Ladybird [https://ladybird.org/]? * 34:14 Usage statistics. * StatCounter.com [www.statcounter.com]. * 39:32 Dev Tools experience ranked. * 42:06 Tab experience. * 43:37 Containers and profiles. 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 new If statements in CSS, breaking down how they work, why they matter, and when to use them. They explore use cases, syntax quirks, and how this feature pushes CSS closer to true conditional logic—no JavaScript required. Show Notes * 00:00 Welcome to Syntax! * 01:30 Brought to you by Sentry.io [https://sentry.io/] * 02:37 CSS If statements in action * CSS if() functions & reading-flow (in Chrome 137) [https://www.youtube.com/watch?v=Apn8ucs7AL0] * CodePen - If with style without attr [https://codepen.io/stolinski/pen/bNdwVQX?editors=1100] * 09:08 Advanced examples and the attribute function * CodePen - CSS If() Themes [https://codepen.io/stolinski/pen/ogXLbQv] * 13:43 Mixing If statements with media queries * CodePen - CSS If() Mixed Logic [https://codepen.io/stolinski/pen/azOmdNY] * 16:54 Can’t this be done with classes? * 18:16 The future of CSS: declarative APIs * CSS Battle LIVE! in Denver | Switch Edition [https://www.youtube.com/watch?v=SAYSmESD-h8] * 21:10 Is CSS now a programming language? 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]