Syntax - Tasty Web Development Treats

Discover the latest JavaScript features from TC39, like the game-changing import defer and a new random namespace for improved functionality. Learn how Array.fromAsync simplifies async data handling and hear about the upsert method for maps, making data management a breeze. The clamp function is also on the horizon, helping to keep values within set limits. With humor and insights, the hosts delve into the impact of these advancements on coding efficiency and performance.

Wes and CJ dive into the exciting updates from Safari 26, highlighting support for SVG favicons and WebGPU's game-changing potential for graphics. They discuss Remix transitioning away from React, and TypeScript's Native Previews bringing performance boosts. The conversation shifts to recent TC39 proposals, including error detection enhancements and new resource management methods in JavaScript. They wrap up with the launch of Rolldown Vite, promising significant improvements in build performance, and Angular’s latest updates.

Wes sits down with James Mikrut, the founder of Payload CMS, recently acquired by Figma. They dive into the exciting implications of this acquisition, discussing how it enhances collaboration between design and development. Topics include Payload's innovative features, the role of AI in CMS evolution, and how this change benefits users. James also shares insights on the future of web interfaces and the balance between customization and usability, all while keeping the conversation light and engaging.

The hosts dive into the future of web browsers in 2025, highlighting key players like Arc, Firefox, and Opera GX. They explore the unique features of gaming-centric browsers and discuss the challenges of monetizing tools for power users. The emotional farewell to Arc leads to the introduction of its promising successor, Dia. Insights into browser statistics reveal user preferences, while comparisons of rendering engines spark debates about optimal choices. Tune in for predictions on how AI will reshape browsing experiences!

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 02:37 CSS If statements in action CSS if() functions & reading-flow (in Chrome 137) CodePen - If with style without attr 09:08 Advanced examples and the attribute function CodePen - CSS If() Themes 13:43 Mixing If statements with media queries CodePen - CSS If() Mixed Logic 16:54 Can’t this be done with classes? 18:16 The future of CSS: declarative APIs CSS Battle LIVE! in Denver | Switch Edition 21:10 Is CSS now a programming language? Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

We break down how to properly throw, catch, and log errors in JavaScript and TypeScript. They cover client-side and server-side strategies, using tools like Sentry, and how to handle errors without taking down your whole app. Show Notes 00:00 Welcome to Syntax! 01:19 Error terminology. 01:42 Thrown and catching. 03:01 What’s in an error. 04:09 Name and message. 04:42 Stack. 07:12 Node system errors. 07:34 Messages: strings, objects, or custom errors. 08:19 Throwing errors. 12:01 Promise errors. 12:10 Try catch block, .catch(). 14:13 Using awaited-to. 15:10 Finally. 16:29 promise.try() 17:14 Re-throwing errors. Error Cause 18:12 Client-side errors. 18:15 Catching at different levels. 18:51 Displaying errors. 21:59 Transforming server errors into client errors. 24:12 Error boundaries. 25:26 Server errors. 26:10 JSON API. 27:41 HTTP response codes. 30:09 Logging and solving errors. 31:16 Proudly supported by Sentry.io. Logging within Sentry 36:16 TypeScript and errors. Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Jeppe Reinhold, a software engineer at Chromatic and the driving force behind Storybook's Svelte integration, shares insights on the latest advancements in Storybook 9. He discusses the new features like reduced bloat, seamless Vite integration, and enhanced visual regression testing. The conversation highlights the importance of writing robust UI components, testing practices, and accessibility. Jeppe also emphasizes the evolving role of Storybook in making component design simpler and more efficient for developers.

Wes shares his journey of migrating his personal site from Gatsby to a sleek new stack using Waku and React Server Components. He discusses the challenges faced with Next.js, including plugin issues and dynamic imports. The hosts dive into caching strategies and the impressive speed of the new site. A humorous dining anecdote intersperses the tech talk, highlighting a local-first approach in web development. Overall, they offer valuable insights on optimizing performance while maintaining design integrity.

Dan Levine, a VC at Excel and former co-founder of Chartio, shares valuable insights on raising venture capital for tech startups. He discusses what investors seek in early-stage companies and the importance of personal connections in securing funding. Levine compares bootstrapping versus fundraising, emphasizing that great ideas often begin as side projects. He also explores the balance of power between founders and investors, the dynamics of investor involvement in business, and the exciting yet challenging landscape of AI opportunities.

CJ Reynolds, a web developer and educator, joins Wes to explore the ins and outs of the Nuxt framework. They discuss why Vue is a favorite for many developers. The conversation covers Nuxt's routing features, effective data fetching techniques, and the structured ecosystem that makes coding efficient. CJ also shares insights on core and community modules like Pinia and DaisyUI, while weighing the pros and cons of using Nuxt in modern web development. Listeners gain a rich understanding of how Nuxt enhances the developer experience.