News for hackers. Stuff that matters.
Re:My Evaluation of SvelteKit for Full-Stack Web App Develop... by newsbinator on Wednesday January 05, 2022 @05:14PM (#29815821)
What do you use for UI components? I recently built my first SvelteKit project and using Tailwind to compose UI components vs. Vue+Vuetify was like writing binary by hand instead of using an expressive modern language that abstracts away 99% of plumbing.

What takes 10 seconds and 20 chars in Vuetify takes 10~100 minutes and multiple components/sub-components written by hand in Tailwind in Svelte.

Of course talking about Tailwind isn't Svelte/SvelteKit specific: I just couldn't find a remotely comparable UI library for Svelte so I gave up and stuck with Tailwind to get the project done.

Re:My Evaluation of SvelteKit for Full-Stack Web App Develop... by pier25 on Wednesday January 05, 2022 @06:34PM (#29816818)
That's one of the issues with Svelte. It's a newcomer so the ecosystem is minuscule.

Personally I'm happy using Bulma with Svelte. I find most UI libraries tend to add too much bloat so I'd rather have something that only adds configurable CSS and just add as much JS as I need/want.

I used Vue+Vuetify some years ago. I wasn't very happy with it, but I agree Svelte needs something similar.

There are a couple of projects out there that add Svelte components for Bootstrap, Material, or IBM Carbon you could check.

https://sveltematerialui.com/

https://github.com/bestguy/sveltestrap

https://github.com/carbon-design-system/carbon-components-sv...

There are also a couple of projects about headless (no CSS) components for Svelte although I only seem to be able to find this one (not public yet)

https://svelteui.com/

Re:My Evaluation of SvelteKit for Full-Stack Web App Develop... by newlisp on Wednesday January 05, 2022 @08:50PM (#29818094)
Wouldn't https://tailwindui.com/ solve your problem?
Re:My Evaluation of SvelteKit for Full-Stack Web App Develop... by pier25 on Thursday January 06, 2022 @11:38AM (#29825805)
I think GP meant components that require JS like data tables which TailwindUI doesn't solve.

I guess something like Tailwind Headless (only available for React and Vue):

https://headlessui.dev/

Re:My Evaluation of SvelteKit for Full-Stack Web App Develop... by ryangossiaux on Thursday January 06, 2022 @12:57PM (#29827080)
I ported this library to Svelte recently: https://github.com/rgossiaux/svelte-headlessui

As a side note, Tailwind UI does include some components that require JS--that's what the Headless UI library is for. But it's also true that it's not a comprehensive component library; still missing things like a combobox or a date picker.