Components Folder Structure

[ryanisinallofus]

Now

Components
- container.css
- container.css
- header.css
- header.js
- header.css
- home.js
- page2.css
...
test
- specs

I propose:

Components
- container
-- index.css
-- index.js
-- index.spec.js

[ryanisinallofus]

@alexlande ^

[alexlande]

+1 on that. I know colocating tests adds some weird complexity to the infrastructure, but I think it's worth it.

[ryanisinallofus]

Work on infrastructure is NBD if it's going to be easily replicated like this. At least it will be reused :)

[ryanisinallofus]

I could also get behind:

Components
- container
-- container.css
-- container.js
-- container.spec.js

[ryan-roemer]

@alexlande @ryanisinallofus -- A small nit is how to eslint test-specific vs. app-specific configs. And some folks care about editor integration. So maybe consider folders within dirs?

[alexlande]

Yeah, the test case is the weirdest thing. I'd be fine with nesting:

- container/
--/index.js
--/container.css
--/test/container.spec.js

I like index.js for ease of imports, personally. Nicer than

@import Container from '../../../components/container/container';

[ryanisinallofus]

+1, sounds like the best option

[ryanisinallofus]

"test": "nyc --reporter=lcov --reporter=text mocha test/.setup.js test/**/*.spec.js test/.setup.js src/**/test/*.spec.js"