Discussion on: A general and flexible project structure that works for all projects in any ecosystem.

[NullVoxPopuli]

For React, I think I'm going to try this out on my next project:

src/ui/components/
├── component-name/
│   │
│   │   // not all components need tests, as testing user interactions is 
│   │   // more important
│   ├── nested-component-name/
.   │   ├── display.ts
.   │   └── index.ts // default config
.   │
.   │   // testing files start with a hyphen to visually separate
.   ├── -acceptance-test.ts
    ├── -integration-test.ts
    ├── -page.ts     
    ├── display.ts     // mostly presentational
    ├── index.ts       // default config
    ├── with-data.ts   // HoC / container / for async data fetching
    ├── with-restriction.ts   // HoC / container for permission