primeui to SVELTE

[crisgol]

is it possible to have a version of primeui for svelte?

[hugotown]

x2

[erbaafidotama]

i hope

[SaeAccess]

x3

[samdoeswork]

x4

[VanshCodes]

Waiting ..

[laith43d]

x6

[miepian]

x7

[fabiot21]

x9

[MrKotov]

x10

[kyjus25]

x11

[charlie17]

X12

[crisgol]

Please .. prime ui tô svelte kit

[kyjus25]

I have been very tempted to make a Prime Svelte 3rd party fork myself, but I lack the time it would take to maintain it afterwards.

[euberdeveloper]

x14

[iozcelik]

x16

[kyjus25]

I started a private repo and recreated several components, but it is very very tedious to do on your own.

I noticed that Prime's components really build on top of eachother.

In order to have badges on buttons and avatars you have to first create a badge. You have to have a dropdown component before you can have a SplitButton, AutoComplete, or Dropdown. You have to create a Paginator before the Table component. The list goes on.

Creating the elements is the easy part, that's just a matter of inspecting Prime's examples and using the same classes. If you use the same classes it is compatible with any of their CSS packs. The hard part is finding out and building the tree of base components that all other components need. Not only that, but each component is so flexible. If you add a badge to a button, the classes applied and layout change.

It is definitely possible, but even after reverse-engineering all of it, you'd still be looking at full-time maintenance without Prime's help.

I think we can all agree that there are plenty of UI component libraries out there for Svelte or even tailwind. What we are really needing are form libraries. Validation libraries exist, but none that include form UI components like Prime does.

[juanlopez87]

x17

[lroal]

x18

[PhouvanhKCSV]

x19

[aguwf]

x20

[Bonenk]

X21

[ZiadJ]

x22

[shahriar350]

X23

[olb-openminds]

x24

[paschelino]

x25

[alexrequeno]

x26

[GA-MO]

x27

[octgsoftware]

x28

[mrtcntn]

x29

[dbyzero]

x39

[kyjus25]

PrimeSvelte would win the hackathon 👉👈

[safinea]

x40 - The world needs and deserves PrimeSvelte... 🙏

[dmnhld]

x41

[kyjus25]

https://twitter.com/cagataycivici/status/1666090548380450816

[NG2705-Murali]

x42

[codingstark-dev]

x43

[katerlol]

x44

[octgsoftware]

x45

[Max-F-Helm]

x46

[feisalramar]

x47

[ZiadJ]

https://twitter.com/cagataycivici/status/1666090548380450816

Svelte has caught up a lot of traction lately as opposed to web components as far as I know. I might be missing something but I'm curious about the reasons for dismissing Svelte and going for something less popular instead.

[tbdrz]

x48

[Blindheit]

x49

[dbyzero]

But a version providing web component exists, we can directly use it in Svelte right ?

[rmzluish]

x50

[frikExcellent]

x51

[champ7champ]

x52

[dajester2013]

x53

[flasapp]

x54

[KaioPedro1]

x55

[jcarbou]

x56

[christophstocker]

x57

[LeizarM]

x58

[pkalkman]

X59

[alpap]

X60

[camilodsilva]

X61

[0xluc]

x62

[naixatwork]

x63

[jcarbou]

I started the migration of primereact to svelte using project name "jazzsvelte" (jazz is a lieutenant of optimus...). This is a temporary name. I use a private Github repository initialized with a clone of primereact. I removed the React & NextJs dependencies and add svelte svelteKit. The React source code direcrories are renamed with a "_" suffix to hav the references

My constaints

The svelte components must

• generate the same DOM than React component
• use the same css classes (compatibility with prime themes)
  Use typescript (only .ts or .Svelte files)

Whath is already done ?

The documentation framework is migrated from "js / React / NextJs" to "typescipt / Svelte / SvelteKit" (except search tool)
The "Getting started" and "Information" pages are migrated

These components are migrated (including documenation pages but without playground)

• Ripple
• Badge
• Button
• TextField
• Tooltip

A migration tool for components documentation automatically migrate 95% of the doc (from jsx to svelte files)

###To do###
So many things....

• Migrate all components
• Build (Rollup)
• Testing
• General documentation
• ...

I will clean up the project (the list of contibutors is still that of primreact projet...) and move it to public (I never do that).