DEV Community

Discussion on: Productivity with styled-components

Collapse
 
larsejaas profile image
Lars Ejaas

well, i name the folder after the component and the style file accordingly.
Example:
Folder is Header. I then name the style file header.style.ts - This makes sense to me, because I then can search for *.style.ts and get a complete list of all style files in my project.

Collapse
 
diegosilvatech profile image
Diego Silva • Edited

Hi @larsejaas , thanks for the comment!

With the approach demonstrated above we also have easy access to all style files:

styles search result

Collapse
 
larsejaas profile image
Lars Ejaas

Yeah, I just always thought it would be a pain with a list where alle filenames was identical, but this looks fine actually when you have the path next to it - sweet!

Some comments have been hidden by the post's author - find out more