Restyle Components about re-com

[superstructor]

@sunng87 Thanks. @MawiraIke has done some initial proof of concept branches for a couple of components but we're still finalising the design prior to starting actual impl. @MawiraIke is funded to work on this after he has finished with some higher priority re-frame-10x issues.

[sunng87]

This sounds super promising. Is there any progress or opened pull request for this work?

[BnMcGn]

Hi. I'm interested in using re-com with tailwind. It looks like you've all been busy with other things, so I've taken a peek at the code and I have a proposal:

Move all of the inline class and style data from the components to a central map structure stored in css.cljs file. Keys will be the name of the component. Values will mirror the structure of the 'parts' parameter.

Create a utility to merge the stored css settings with the user supplied :class, :style and :parts parameters.

Obviously the css has to, on occasion, respond to the state of the component. So the css structure will be able to contain functions as well as strings. The css merging utility will take a map of options to pass in when it finds a function in the structure. The function can then return the appropriate classes or styles based on the options.

Someone who wants to adapt re-com to tailwind or something similar should only need to swap out the central css storage structure.

Foreseen difficulties:

• Doesn't involve garden/spade. I haven't had time to investigate these tools and I don't understand them, but imagine they can still be integrated.

• CSS won't be near the components that use it.

• Shaking out the unused stuff might not work too well.

As a potential solution to #2 and #3 above, instead of a single central data structure, each component could declare its own default class/style structure much like is already done with -parts-desc and -args-desc.

To repurpose re-com for other css frameworks, you'll have to hunt down and override all of these *-css-desc declarations.

So before I start coding, am I missing anything obvious? I've only read through a few of the re-com source files. Are there any tricky corner cases that I might have missed and should know about before I jump in with both feet?