react-community-tools-practices-cheatsheet icon indicating copy to clipboard operation
react-community-tools-practices-cheatsheet copied to clipboard

Published 20 hours ago • verified publisher icon markerikson

Category: Styling

Open markerikson opened this issue 3 years ago • 7 comments

Add pages covering purpose, capabilities, tradeoffs, and use cases for common data fetching tools.

Likely items to cover:

  • [ ] Plain CSS
  • [ ] Inline Styles
  • [ ] CSS Modules
  • [ ] CSS in JS:
    • [ ] Styled Componetns
    • [ ] Emotion
    • [ ] other?

markerikson avatar Nov 19 '21 00:11 markerikson

Planning to do pages on plain CSS, inline styles, and Emotion (to which I'm a contributor), in that order. I'll do them one by one so I can take feedback into account for the next one. 👍

Edit: should Sass be covered on the plain CSS page? Or make Sass it's own page?

srmagura avatar Apr 09 '22 23:04 srmagura

Good question! I'm not exactly sure, and I'm also certainly not an expert on styling techniques. (I know what SASS is, but I've never meaningfully used it.) What's your opinion here?

markerikson avatar Apr 09 '22 23:04 markerikson

I think CSS preprocessors deserve their own page. I've only used Sass, which is the most popular... but I think LESS and stylus are similar enough that we can cover all 3 with a single page.

srmagura avatar Apr 10 '22 00:04 srmagura

Yeah, that's what I was wondering. Sounds good!

markerikson avatar Apr 10 '22 00:04 markerikson

Will be great if we added PostCss, WindiCSS, and TailwindCSS as well.

Sajad-Sharhani avatar May 17 '22 22:05 Sajad-Sharhani

Yeah, this also starts to spiral off into "way too many options" just like the other categories :)

I'd say it's worth adding a page on "prebuilt CSS libraries" and "utility CSS" as broader descriptions, and mentioning specific options like Bootstrap and Tailwind as examples of those categories.

(I suppose at some point we might want to consider addressing "component libraries" and start discussing things like React-Bootstrap, Material UI, Antd, Mantine, and the 5 million other options there...)

markerikson avatar May 17 '22 23:05 markerikson

Oh hey, was just going back through my bookmarks and ran across Lee Robinson's post "How Should I Style My React Application?" ( https://leerob.io/blog/css-with-react ), which covers a lot of this same stuff.

I think the pages @srmagura is writing are on the same track, but maybe we could steal a bit of the info or presentation from this post.

markerikson avatar May 22 '22 22:05 markerikson