In this episode of Svelte Radio, the hosts welcome Jeppe Reinhold from Chromatic to discuss the dramatic improvements in Storybook's Svelte integration. Jeppe shares how a critical video by Brittany struggling with Storybook setup sparked a complete overhaul of the Svelte experience, leading to better collaboration with the Svelte core team and significant enhancements in functionality. The conversation covers new features like Svelte CSF for writing stories in native Svelte syntax, improved testing capabilities, support for async components, and upcoming features in Storybook 10. The team also discusses the philosophy behind component-driven development, the challenges of integrating with remote functions, and Storybook's future direction including AI support and better theming capabilities.

Learn how to work with data in SvelteKit using remote functions.

Recent updates and features in Svelte and SvelteKit, with a focus on Storybook for Svelte Part 3: Testing

React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.

The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.

Hosts TSConfigs to extend in a TypeScript app, tuned to a particular runtime environment

Full-sized drag & drop JavaScript event calendar with resource & timeline views

🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table

🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.

web development, streamlined

🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte

Skeleton is an adaptive design system powered by Tailwind CSS.

Magical utilities for your Svelte applications.

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

The client-side router for Svelte v5 SPA's that invented multi hash routing.

A collection of beautifully crafted, animated Lucide icons.

A virtual list component for Svelte apps

Resizable pane components for Svelte.

An opinionated toast component for Svelte. A port of @emilkowalski's sonner.

One Draggable to rule them all 💍

🤖 Framework agnostic, type-safe store w/ reactive framework adapters

Adding full to your fullstack! ORM,Validation, API, live query, CRUD, ... And more !

Create accessible drag-and-drop sortable lists in Svelte, with keyboard, mouse, and touch support.

Svelte Plotting Framework

Useful svelte stuff to put in your projects

Collection of Svelte components to build highly interactive applications.

Composable Svelte chart components to build a large variety of visualizations

🐾 A step component for svelte

Svelte components for tiptap v2