901: JS News: New React & Svelte APIs, RSC Updates, Redwood and Storybook

Update: 2025-05-12

Digest

This podcast episode discusses several significant updates in popular JavaScript frameworks and tools. It begins with an overview of recent news in React, Svelte, and payment processing systems. The core of the episode focuses on React's experimental View Transitions API for smoother animations and the Activity API for performance improvements through pre-rendering. Svelte's new asynchronous capabilities, allowing `await` within components for improved data loading and concurrency, are also explored. The podcast then covers Parcel's beta release of React Server Component support, enabling easier integration for developers using existing stacks. RedwoodJS's pivot to a Cloudflare-focused framework (Redwood GraphQL) and its new SDK as a React framework for Cloudflare are analyzed. Finally, the episode details Storybook 9's beta release, highlighting its new features including enhanced component, accessibility, and visual testing, along with a much smaller bundle size.

Outlines

00:00:00

Web Development News & Framework Updates

Introduction to recent updates in JavaScript frameworks (React, Svelte) and payment processing systems; overview of key topics covered in the podcast.

00:04:05

React's Experimental APIs: View Transitions & Activity API

Detailed discussion of React's experimental View Transitions API for smoother animations and the Activity API for improved performance via pre-rendering; exploration of benefits and use cases.

00:16:29

Svelte Async & Parcel's React Server Component Support

Covers Svelte's new asynchronous capabilities, enabling `await` within components; discusses Parcel's beta release supporting React Server Components for easier integration into existing projects.

00:27:15

RedwoodJS & Storybook 9 Updates

Analysis of RedwoodJS's shift to a Cloudflare-focused framework and its new SDK; details of Storybook 9's beta release, focusing on enhanced testing features and smaller bundle size.

Keywords

React View Transitions

A new experimental React API enabling smooth animations during state changes.

React Activity API

An experimental React API for pre-rendering components to improve performance.

Svelte Async

A new Svelte feature enabling asynchronous operations within components.

React Server Components

A React feature for server-side rendering, improving performance and SEO.

Parcel

A web application bundler with support for React Server Components.

RedwoodJS

A full-stack framework now focused on providing a React framework for Cloudflare.

Storybook 9

Version 9 of Storybook with enhanced component testing, accessibility testing, visual testing, and a smaller bundle size.

Q&A

What are the key benefits of React's experimental View Transitions API?
It simplifies creating smooth animations, improving user experience and reducing the need for external animation libraries.
How does Svelte's new asynchronous capability improve development?
It allows asynchronous operations directly within components, enabling component-level data fetching and more efficient code.
What is the significance of Parcel's React Server Component support?
It allows developers using existing server-side technologies to leverage the performance benefits of React Server Components.
What are the major improvements in Storybook 9?
Storybook 9 offers enhanced testing features (component, interaction, accessibility, visual regression testing) and a smaller bundle size.

Show Notes

Scott and Wes break down the latest in JavaScript news, including new async patterns in Svelte, React Server Component tooling with Parcel, and Redwood’s push into Cloudflare with its new SDK. They also cover what’s new in Storybook 9 Beta, from visual testing to a sleeker, lighter build.

Show Notes