Optimal File Structure

Src Structure

my-app
└── src
    └── assets
    └── components/app
    └── routes
    └── utils
    ├── index.js
    ├── service-worker.js

Assets Structure

my-app
└── src
    └── assets
          └── images

Components/app Structure

my-app
└── src
    └── components
        └── component-name
        └── component-name
        └── component-name
        └── component-name
        ├── app.jsx
        ├── app.test.jsx
        ├── index.js

Component Structure

my-app
└── src
    └── components
        └── component-name
            ├── component-name-container.jsx
            ├── component-name-container.test.jsx
            ├── component-name-redux.jsx
            ├── component-name-redux.test.jsx
            ├── component-name-view.jsx
            └── component-name-view.test.jsx
            └── index.js

Routes Structure

my-app
└── src
    └── routes
          └── home
            └── about
                  ├── home.js
                ├── about.js
                ├── index.js