React Application Structure

├── bin                             # Build/Start scripts
│   ├── build.js                    # Production build script
│   ├── start.js                    # Webpack Dev Server / Hot Reload
│   ├── test.sh                     # Bash script to run Jest
│   └── etc...                      # Other scripts... 
├── src                             # Application source code; ONLY RELATIVE paths.
│   ├── index.html                  # Main HTML page container for app
│   ├── index.js                    # Application bootstrap and rendering
│   ├── assets                      # Application assets
│   │   └── fonts                   # Fonts
│   │   └── images                  # Images
│   ├── static                      # Static assets (not imported anywhere in source code)
│   │   └── images                  # Static images
│   └── styles                      # Application-wide styles (generally settings)
│   ├── components                  # Root Presentational Components
│   ├── containers                  # Root Container Components
│   ├── modules                     # Root "Ducks" location...
│   ├── routes                      # Main route definitions and async split points
│   │   ├── index.js                # Bootstrap main application routes with store
│   │   └── Home                    # Fractal route
│   │       ├── index.js            # Route definitions and async split points
│   │       ├── components          # Presentational React Components
│   │           └──Header           # Unit test
│   │              ├── __test__     # Unit test
│   │              ├── assets       # Assets required to render the component
│   │              ├── Header.css   # The component's stylesheets 
│   │              ├── Header.js    # The component itself
│   │              ├── index.js     # Re-export the component
│   │       ├── containers          # Connect components to actions and store
│   │           └──__test__         # Unit test
│   │       ├── selectors           # Shared selectors
│   │       ├── modules             # Collections of reducers/constants/actions
│   │           └──auth             # Logic fractal
│   │              ├── __test__     # Unit test
│   │              ├── creators.js  # No default export
│   │              ├── actions.js   # No default export
│   │              ├── reducers.js  # Export combined reducers by default
│   │              ├── sagas.js     # Export combined sagas by default
│   │              ├── index.js     # Export combined reducers by default and creators
│   │       └── routes **           # Fractal sub-routes (** optional)
│   ├── store                       # Redux-specific pieces
│   │   ├── createStore.js          # Create and instrument redux store
│   │   └── reducers.js             # Reducer registry and injection
│   └── i18n                        # Locales
├── lib                             # Shared source code; ONLY ABSOLUTE paths;
│   ├── components                  # Global Reusable Presentational Components
│   ├── containers                  # Global Reusable Container Components
│   ├── utils                       # Validators, helpers, etc...
│   └── etc...
├── test                            # Tests
│   ├── e2e                         # e2e tests
│   └── unit                        # Unit utils; NO TESTS
│   │   └──__mocks__                # Such as CSS/Files mocks
└── configs, dotfiles etc.          # Application config files