{"podcast":{"title":"devtools.fm: Developer Tools, Open Source, Software Development","slug":"devtools-fm","podcast_index_feed_id":3745116,"rss_url":"https://anchor.fm/s/dd6922b4/podcast/rss","website_url":"https://devtools.fm","image_url":"https://d3t3ozftmdmh3i.cloudfront.net/staging/podcast_uploaded_nologo/37046549/ce6a315e5ecf42d2.jpeg","author":"Andrew Lisowski, Justin Bennett","episode_count":172,"summary":"A podcast about developer tools and the people who make them. Join us as we embark on a journey to explore modern developer tooling and interview the people who make it possible. We love talking to the creators front-end frameworks (React, Solid, Svelte, Vue, Angular, etc), JavaScript and TypeScript runtimes (Node, Deno, Bun), Languages (Unison, Elixor, Rust, Zig), web tech (WASM, Web Containers, WebGPU, WebGL), database providers (Turso, Planetscale, Supabase, EdgeDB), and platforms (SST, AWS, Vercel, Netlify, Fly.io).","last_synced_at":null,"page_url":"https://stenobird.com/podcast/devtools-fm"},"episode":{"title":"Jeppe Reinhold - Storybook Modernization","slug":"jeppe-reinhold-storybook-modernization","published_at":"2026-01-05T01:00:00+00:00","page_url":"https://stenobird.com/podcast/devtools-fm/jeppe-reinhold-storybook-modernization","show_page_url":"https://stenobird.com/podcast/devtools-fm","url":"https://podcasters.spotify.com/pod/show/devtoolsfm/episodes/Jeppe-Reinhold---Storybook-Modernization-e3d641s","audio_url":"https://anchor.fm/s/dd6922b4/podcast/play/113495548/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-0-4%2F415482577-44100-2-344a1fa3f784f.m4a","summary":"Storybook has undergone a massive architectural overhaul to move from a slow, complex tool to a high-performance development environment. Core contributor Jeppe Reinhold explains the transition from Webpack to Vite, the migration to ESM, and how AI agents will soon use MCP servers to interact with component libraries.","meta_description":"Learn how Storybook modernized its architecture using Vite, ESM, and Vitest, and how it's preparing for an AI-driven future with MCP servers.","key_points":["Main idea: The shift from Webpack to Vite was the primary driver in achieving near-instant Storybook startup times","Technical achievement: The team successfully migrated the core to ESM, eliminating CommonJS dependencies and reducing package bloat","Practical takeaway: Integrating Vitest allows developers to run component interaction tests locally, not just in CI/cloud environments","Future trend: Storybook is building MCP (Model Context Protocol) servers to allow LLM-based coding agents to understand and write stories automatically","Failure mode: High friction in initial Storybook setup and manual story creation remains a barrier to widespread adoption in large-scale applications"],"chapters":[{"start_ms":60000,"title":"Introduction to Jeppe Reinhold","summary":"Jeppe introduces his role at Chromatic and his work as a core contributor to the Storybook open-source project."},{"start_ms":305000,"title":"The Move to Vite and Slimming the Core","summary":"A discussion on reducing dependency bloat and the performance benefits of moving from Webpack to Vite."},{"start_ms":565000,"title":"Component Isolation and Testing","summary":"The importance of using Storybook as a unit view for components to test props and states in isolation."},{"start_ms":825000,"title":"Framework Agnosticism and CSF","summary":"The challenges of maintaining a format that supports diverse frameworks like React and Svelte."},{"start_ms":1310000,"title":"The Complexity of ESM Migration","summary":"The technical debt and 'tiny annoyances' involved in removing CommonJS and handling module loading compatibility."},{"start_ms":2050000,"title":"Vitest Integration and Local Testing","summary":"How bringing interaction testing to the local development loop improves the developer experience."},{"start_ms":2290000,"title":"AI, MCP, and the Future of Storytelling","summary":"Exploring how coding agents will use MCP servers to discover components and automatically generate stories."}],"topics":["Storybook","Vite","ESM","Frontend Development","Chromatice","Vitest","AI Coding Agents","MCP Server","Open Source","Component Driven Development"],"duration_seconds":3329,"processing_state":"processed","actions":[{"name":"request_transcript","method":"POST","url":"https://stenobird.com/v1/public/podcasts/devtools-fm/episodes/jeppe-reinhold-storybook-modernization/transcription-requests","description":"Idempotently request low-priority transcript generation for this episode."},{"name":"read_markdown","method":"GET","url":"https://stenobird.com/podcast/devtools-fm/jeppe-reinhold-storybook-modernization.md","description":"Read the agent-friendly Markdown representation of this episode resource."}]}}