setup styling library

[elianiva]

There are a few options out there:

• solid-styled (think styled-components for solid)
• tailwindcss
• unocss
• scss
• hope-ui (uses stitches under the hood, max bliding ej)

cc @TokoBapak/frontend

[rubichandrap]

I think, a better alternative for the first option is https://github.com/solidjs/solid-styled-components

[elianiva]

oh iya bener, salah link

[rubichandrap]

Honestly, I really wanted to use scss and see how OOCSS really comes in play since we have @ronnygunawan in our team. Also a good opportunity to learn it as well for all of us.

But scss imo, doesn't really bring that much convenient since we have to write our own design system and utility classes. Cmiiw.

With tailwind or unocss, we need to implement our atomic design our own.

Since I really missed mantine, I'll vote hope-ui even tho I've never heard of it before XD

[elianiva]

I also vote for hope-ui because it feels like Chakra UI

[iamyuu]

In my opinion better to use an agnostic styling solution, so we can have another option for tech stack web identity with the same styling, and we can use a library like cva.style to make easier write the component

[ronnygunawan]

Prefer scss tapi yang bakal ngoding frontend kan kalian. Saya ngurusin backend dulu.

[iamyuu]

2 vote for hope-ui, so let's use that

[iamyuu]

Hope UI v0.x is not compatible with Solid Start and doesn't support SSR.

Hope UI v1 is still under development with some components is missing (i.e. data entry, feedback, overlays), so what do you think guys @TokoBapak/frontend?

[elianiva]

I'll vote for SCSS if that's the case.

[krowter]

@iamyuu About the components you mentioned. I checked the the docs it seems to be present (not missing)

[iamyuu]

Yeah because you're seeing the docs version v0.x, the new docs available on next.hope-ui.com

[krowter]

Oowh, haha. My bad

[zuramai]

So, what are we gonna using?

I vote scss btw

[elianiva]

so.. 4 people chose scss