[Frontend] CSS methodology / convention
Matthew Parsons
Public
Seen by 16
Hey all react component and other frontend devs. I would like to take a vote on which class naming methodology to use.
Have started a poll on what I believe are the three best options:
Poll Created Sun 10 Dec 2017 4:51PM
Which CSS naming methodology/convention? Closed Sun 10 Dec 2017 6:09PM
Results
| Results | Option | % of points | Voters | |||
|---|---|---|---|---|---|---|
|
|
Styled Components | 83.3% | 5 |
|
||
|
|
BEM | 16.7% | 1 |
|
||
| SMACSS | 0.0% | 0 | ||||
| SUIT CSS | 0.0% | 0 | ||||
| CSS Modules | 0.0% | 0 | ||||
| Undecided | 0% | 20 |
|
6 of 26 people have participated (23%)
Fredrik Bränström Sun 10 Dec 2017 5:56PM
Thanks for making this poll, absolutely right that it should be decided democratically, although I think we half-consciously decided on giving Styled Components a chance, for now at least... If there are problems with it, we can discuss a fallback?
Emin Durak Sun 10 Dec 2017 4:56PM
I'd also not favor BEM or SMACCS etc for the fact the logic they were created doesn't go very well with reusability of components. They were founded before UIs were as modular as they are now...
Also I recommend that we use as much existing components as possible, like how I used Semantic-UI etc. This is a good library to find react components: https://react.parts/web
Hugi Ásgeirsson Sun 10 Dec 2017 5:55PM
I don't have the required competence to make this call, so I'll stay out of this decision.
Matthew Parsons Sun 10 Dec 2017 6:08PM
Ok think I'll close this - looks pretty unanimous :laughing:
Poll Created Sun 10 Dec 2017 6:10PM
We will use Styled Components for UI Closed Mon 11 Dec 2017 2:11AM
Results
| Results | Option | % of points | Voters | |
|---|---|---|---|---|
|
|
Agree | 100.0% | 4 |
|
| Abstain | 0.0% | 0 | ||
| Disagree | 0.0% | 0 | ||
| Block | 0.0% | 0 | ||
| Undecided | 0% | 22 |
|
4 of 26 people have participated (15%)
Emin Durak · Sun 10 Dec 2017 4:52PM
I'd like to recommend reading this article regarding CSS
https://m.alphasights.com/css-evolution-from-css-sass-bem-css-modules-to-styled-components-d4c1da3a659b