Post

🌱 Just released Svelte Render Scan - a visual debugging tool that helps you track component re-renders in your app. Useful for debugging reactivity and performance issues in your Svelte apps! https://khromov.github.io/svelte-render-scan/

Really awesome! I made it work in @storybook.js.org: 1. create simple wrapper - import Svelte Render Scan - pass-through the Story as children 2. add wrapper as a global decorator to Storybook's preview.js PS: @reinhold.is @xeho91.dev I followed examples from this issue github.com/storybookjs/...

That's so dope! 🤩 Bringing debugging experience to next level. If @reinhold.is agrees, you could create a PR with adding this recipe to README

I'd be more than happy to! I also extended my use case a bit, so that the wrapper grabs a param (debug) from the URL and passes it as a props. While the Storybook router purges the param from the url, the state is preserved! Neat! bsky.app/profile/fubi...

Oh that's cool! Sounds like a perfect use case for an addon 😉 Would be cooler if it was a Tool in the toolbar instead of a query param. storybook.js.org/docs/essenti...

@fubits.dev you wanna collaborate on a toolbar-based addon for this? 🤝🙂