Webpage

[stereobooster]

Demo https://stereobooster.github.io/css-in-js/

We can get domain from https://js.org/

[MicheleBertoli]

Thanks @stereobooster for your PR.
@rofrischmann was working on a web page for the repo a while ago but we never had time to finish it.

[will-stone]

This is great. May I suggest using Bootstrap for instant CSS boost to the table? Also a filtering mechanism would be good. For example, I only want to see those that support X

[stereobooster]

@will-stone yep you right bootstrap is better.

Got again back to css-in-js dilemma, so need this table as decision tool. WDYT?

[stereobooster]

Ouch I confused branches

[stereobooster]

Ratio:

• it is easier to work with JSON, rather than markdown table. If you want I can generate markdown table from JSON file
• JSON file can have more columns than markdown table
• web page can have advanced feature over readme in github, like filter based on features. See https://www.javascriptstuff.com/react-starter-projects/

Current version super simple. But if we want something more advanced we can use https://reactabular.js.org/#/ or https://react-table.js.org/#/story/simple-table

[MicheleBertoli]

nit: rename options to props.

[MicheleBertoli]

Thank you very much @stereobooster, this looks pretty cool.
I like that you used create-react-app, and the code is simple and effective.

I agree it would make sense to have a single source of truth, and it would be great to generate the table from the same JSON file.
Also, as you said, the JSON file could have more columns (which is one of the most requested features for the repo).

I would love to have @rofrischmann's opinion on this.

[stereobooster]

I fixed your comment. Anything else you want me to do in this PR?

[robinweser]

Is the above example the newest version? I really like how simple it is! Would love to add more details later of course, but for now it's fine.
Just one thing: Can we maybe have a fixed width for the package column? It "jumps" around as I filter, which makes it hard to compare results visually.

[stereobooster]

Yes above generated from latest readme. There is a script which converts markdown to json

[stereobooster]

Made first two columns fixed width

[stereobooster]

Started small vocabulary https://github.com/stereobooster/css-in-js-systematic-approach, want to put definitions for all collumns (aka features) there. Comments are welcome

[MicheleBertoli]

You are awesome @stereobooster, thank you very much!
http://michelebertoli.github.io/css-in-js/