I often go with CSS in JS, somehow a more productive approach for me. Dealing with just JS, instead of CSS. Besides, the number 1 React UI kit supports it; MaterialUI π.
I can see where you are coming from, as I still need to find out how to create both component and CSS module file at the same time and get them both linked automatically π
Doing it manually for now, and it takes quite a time, tho I still stick with CSS modules as they are still native to core CSS, which I currently prefer over CSS-in-JS solutions π Might change in the future, tho π
I am using plop and have an npm scaffold script, which takes a name of my new component and creates all required files for it: React component file, some sample mock data file, tests file and styles file.
I often go with CSS in JS, somehow a more productive approach for me. Dealing with just JS, instead of CSS. Besides, the number 1 React UI kit supports it; MaterialUI π.
I can see where you are coming from, as I still need to find out how to create both component and CSS module file at the same time and get them both linked automatically π
Doing it manually for now, and it takes quite a time, tho I still stick with CSS modules as they are still native to core CSS, which I currently prefer over CSS-in-JS solutions π Might change in the future, tho π
I am using plop and have an npm scaffold script, which takes a name of my new component and creates all required files for it: React component file, some sample mock data file, tests file and styles file.
Oh, and also a Storybook story file, which I forgot to mention in prev comment.
Awesome input! Thanks! πβ€