Fork me on GitHub
#helix
<
2021-05-27
>
geraldodev00:05:40

Are you using css-in-jss with helix? Can you name a wrapper ? Any tips ?

lilactown02:05:28

I’ve used emotion before

lilactown02:05:43

Anything that generates class names

Aron03:05:45

I am using material ui which has css in js embedded in it, takes a bit of getting used to to know how to not give cljs data structures instead of js objects, but that's more about me learning cljs I guess. But half my code is about styling, it's completely unacceptable. Only reason I keep using it is that it's modular enough and configurable enough that so far I haven't had any huge blockers.

Aron03:05:14

If the css wouldn't be so bad in it, I might even like it, although the whole component system is overcomplated as OOP solutions usually are

Aron14:05:52

I think I used emotion once and I liked it?

Aron14:05:01

where did you get this information? : )

geraldodev14:05:59

@ashnur https://github.com/mui-org/material-ui/issues/16947 On 5.0 they decided to ditch makeStyles and between styledcomponents and emotion they've selected emotion as stardard.

Aron14:05:17

One thing to mention is that I wouldn't use Material if their Autocomplete wouldn't be so good, and I think that's even older code still that they haven't yet migrated to their new component system...

👍 3
Aron14:05:36

There is a reason why I keep coming back to this component 🙂. List all the css/js theme or styling libraries out there. Now filter out those which don't have even a functioning Select component. What proportion of the total remains?

Aron14:05:13

so I am optimistic

geraldodev14:05:39

I'm terrible at css. I need to learn, I know that using a component system isn't going to get me there. I keep bouncing between mui and react-spectrum. Love Devon Govvet and his acessibility gospel, and its very beautiful design. The traction of material-ui is real.

Aron14:05:11

If you want to learn css, there is a single website you have to use.

Aron14:05:32

well, MDN too, but that's a given. or http://whatwg.org but that's also a given

Aron14:05:35

they even regularly update old articles with new advice so you have everything for every browser

geraldodev14:05:01

Thnx for the suggestion. I'm following https://www.youtube.com/user/KepowOb kevin powell.

Aron14:05:55

https://css-tricks.com/snippets/css/a-guide-to-flexbox/ I wrote this in the wrong channel first. Or perhaps we should move to #css