Svelte Programming

cross-posted from: https://lemmy.world/post/179458

> There's a ton of issues with the UI I want to address and there's a number of things I want to experiment such as how communities are subscribed to, so I started writing a new UI in SvelteKit. I also have Capacitor setup which would allow this to triple as a native iOS and Android application. > > Would love some help if anyone is interested. > > Github https://github.com/ando818/lemmy-ui-svelte > > > Preview so far though much yet still has to be done > > ! > !

Hi Lemmy Svelters! I'm Hunter Perrin (hperrin), and I created Svelte Material UI. I'm new to Lemmy after being a redditor for 10+ years. I'm happy to see that there's already a Svelte community (even if small) on Lemmy. :D

If anyone is looking for a open source project to do in SvelteKit ;)

I lack the graphics design and visual layout skills to undertake such a project myself, but I could work on the API routing and more technical aspects of such a SvelteKit app.

EDIT: I'm terrible at Front End and layout work, but I figured I could at least throw together a simple proof-of-concept SvelteKit project. This shows how to do a Lemmy login and grab a list of Communities: https://github.com/BitOneZero1/Lemmy_SvelteKit_proof_concept1

what is shadcn/ui

shadcn/ui (github repo) is an anti component library - not an npm dependency, not a js bundle, but a collection of copy-pastable components that help you build your own component library, built with Radix and Tailwind CSS.

how did shadcn-svelte happen

A known YouTuber in the Svelte community, Huntabyte, has had difficulties with component libraries all the time. When he first saw shadcn/ui, he was fascinated by it, but understandably, couldn't use it (shadcn-ui was written for React). But then, he assembled a small team and they all ported the project to Svelte.

Warning: the project doesn't have complete feature parity with the original.

links

Github: huntabyte/shadcn-svelte

Website: shadcn-svelte.com

my experience

I, as a Svelte & SvelteKit developer (and a contributor to shadcn-svelte), that is developing a Discord clone (idk why but yes), has had a very positive experience with it. When combining it flowbite-svelte (cloned into my project, and edited to use shadcn-svelte) turned out to be very nice and easy to use.

Yes, there are some caveats - you have to make a component library, opposed to using an already existing one. But you could also take my approach - partially migrate one to shadcn-svelte. This will be more efficient and less error prone, as everything there is, is yours.