svelte-fsm VS unplugin-icons

svelte-fsm & svelte-tiny-virtual-list

https://github.com/kenkunz/svelte-fsm

Svelte + FSM turned one of the most convoluted UXes I've every dealt with into something manageable and almost pleasant.

This is a complex sales kiosk that must operate work limited or flapping network connectivity entire handling huge spikes in usage.

Svelte itself jusy gets out of the way, you don't fight it. The FSM makes your mental model explicit.

Something like "ok, we're halfway through the complex terminal registration process, the last network request timed out and there user pressed the back button, now what?"

With boolean flags its a mess.

🤹 Unplugin Icons

Now i am using https://github.com/antfu/unplugin-icons

unplugin-icons will be the easiest and most robust option if you are using a bundler

I highly recommend unplugin-icons. It has first class SvelteKit support and uses Iconify under the hood. Here is the introductory blog post.

This might not answer your question directly but unplugin-icons might be the best way to use Icons in any project in general.

Pro tip: try to get them added to https://github.com/iconify/iconify / https://github.com/antfu/unplugin-icons

I use the Unplugin-Icon package that gives access to Iconify. That way I can select icons from multiple libraries.

Just use this: https://github.com/antfu/unplugin-icons

I will suggest unplugin-icons package