DEV Community

Discussion on: Code navigability?

Collapse
 
sargalias profile image
Spyros Argalias

My favourite solution is to have component based folders if possible.

Foo/
Foo.js
Foo.scss
Foo.test.js

I've worked on codebases where file "type" organisation is used. It's also fine, but since related files are scattered in multiple places it just takes a bit longer to find them, create them, and also make sure you've done all necessary changes each time.

For searching, I just use the IDE to search by filename.

Collapse
 
yuanhao profile image
YuanHao Chiang • Edited

+1

We also recently started putting all files in one folder, especially JS and CSS files. We started off with a different folder for all of the CSS. Finding the right CSS file is particulartly tedious.