nicoknoll/structure.md

## structure.md

      
    Raw
  

              structure.md
            
          
    This guide describes a way to structure a feathers-client application with react and node.
It is based on ideas from Mantra and personal experience.
Root level:

node_modules/
└── ...
dist/ 
└── ...
src/   
└── ...
test/          
└── ...
.babelrc
.gitignore
package.json
README.md
server.js     
webpack.config.js
Your root level folders contain the different major parts of your application.
dist/: Webpack build directory
src/: App files
test/: UI and Unit test files
node_modules/: Obvious

Your root level folders contain the different major parts of your application.

  dist/
  Webpack build directory
  src/
  App files
  test/
  UI and Unit test files
  node_modules/
  Obvious

Your root level folders contain the different major parts of your application.

  .babelrc
  
  .gitignore
  
  package.json
  
  README.md
  
  server.js
  Starting server and deliver build
  webpack.config.js
  

Source folder:

src/
├── modules/    # modules will get compiled by webpack
│   ├── core/
│   │   └── ...
│   └── ...
│       └── ...
└── static/     # static files will just get copied by webpack
    ├── fonts/
    │   └── ...
    └── images/ 
        └── ...
Module folder:
module/
├── actions/    # actions are called in components and e.g. update data
    └── ...
├── components/ # "dumb" components shouldn't implement any logic/data fetching but get actions and data via props
    └── ...
├── containers/ # containers compose actions with a component or view
    └── ...
├── helpers/    # (optional, recommended only in core module)
    └── ...
├── views/      # (optional) this explains components wich are displayed in a route
    └── ...
├── styles/     # less/sass file per component. @require() in component/view file
    └── ...
├── routes.jsx
└── index.js