We've started using css-modules, so our classnames can be lengthy if the file structure is nested:
What's worse with a single string, is when it's long (when you have many long classes), it gets truncated. To see the full length, you click and then it becomes editable, but as a single line. Therefor you need to copy and past to an editor:
The first thought I had was to break classNames onto new lines - this is a bit tricky though, as it requires the DataView to interpret a new line character.
I did a quick implementation of converting the string to an array, to see how readable it was:
To me, that is far more readable than having one string. I realise this is not a solution though, because it's not a true representation of the className type. I'm not sure if this is an isolated issue, or if it warrants a decent look?
We've started using
css-modules, so our classnames can be lengthy if the file structure is nested:What's worse with a single string, is when it's long (when you have many long classes), it gets truncated. To see the full length, you click and then it becomes editable, but as a single line. Therefor you need to copy and past to an editor:
The first thought I had was to break classNames onto new lines - this is a bit tricky though, as it requires the DataView to interpret a new line character.
I did a quick implementation of converting the string to an array, to see how readable it was:
To me, that is far more readable than having one string. I realise this is not a solution though, because it's not a true representation of the className type. I'm not sure if this is an isolated issue, or if it warrants a decent look?