Custom Storybook for SvelteKit?
See original GitHub issueDescribe the problem
There’s 2-year-old Sapper issue https://github.com/sveltejs/sapper-template/issues/120 in which @Rich-Harris mentioned the possibility of developing an in-house alternative to the dependency-heavy Storybook.
Describe the proposed solution
Now that Sapper was replaced by SvelteKit, I’d be curious to hear if there’s a new outlook on that?
Alternatives considered
Storybook is nice but requires some modifications to work with "type": "module"
packages and comes with a huge list of dependencies.
Importance
would make my life easier
Additional Information
No response
Issue Analytics
- State:
- Created 2 years ago
- Reactions:6
- Comments:15 (9 by maintainers)
Top Results From Across the Web
NextJS, SvelteKit, Remix and the future of Storybook
Extendable for power users. If you have a fully custom setup, Storybook is just as configurable as before. Start with a base framework...
Read more >Integrating Storybook with SvelteKit - CodingCat.dev
Brittney walks through how to get Storybook working in a new SvelteKit project.
Read more >How to setup SvelteKit TS, and Storybook : r/sveltejs - Reddit
How to build a custom Media Query store. I find this a super useful pattern to feed media query state into other Svelte...
Read more >What Is Bookit? The Svelte Kit Storybook Killer - YouTube
The Svelte Kit Storybook Killer ... Svelte Components Using Custom Markdown Renderers - Weekly Svelte. LevelUpTuts. LevelUpTuts.
Read more >Storybook with Svelte Kit - Level Up Tutorials
per month. Go Pro. Video: Storybook with Svelte Kit ... Advanced Custom Stores With a Toast Message ... Creating an NPM Package With...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Re-implementing Storybook is not fun, I had spent a fair amount of time in the past trying to do so. There’s a reason why Storybook is bulky today, e.g. component iframe isolation (leading to CSF spec), document-iframe inter-communication, plugins, and it’s an app itself.
With that said, there’s also https://github.com/vitebook/vitebook, but from a brief look into its internals, it doesn’t (and probably won’t?) implement Storybook’s component iframe isolation feature. But seems fairly robust to try out otherwise.
We probably won’t be re-implementing all of Storybook 😄 But we are working on making Storybook and SvelteKit work together well! So I’m going to close this in favor of https://github.com/sveltejs/kit/issues/5397. I have PRs out to make Storybook setup work better with
"type": "module"
and reduce the number of dependencies, which were the items mentioned in the issue description here