Basic file structure

[elmariofredo]

proposal

client
--app/
----app.ts * entry file for app
----app.html * template for app
----globals.d.ts * file for global custom TS definitions or overrides
----components/ * where most of components live
------components.ts * entry file for components
------table/ * table component/ on the root should be only one main component
--------demo/ * component demo usage
----------index.html
----------script.ts
----------style.css
--------table-header/ * child component
----------table-header.ts
----------table-header.component.ts
----------table-header.component.spec.ts
----------table-header.html
----------table-header.css
--------table-footer/ * child component
----------table-footer.ts
----------table-footer.component.ts
----------table-footer.component.spec.ts
----------table-footer.html
----------table-footer.css
--------table-validator/ * table specific directives
----------table-validator.ts
----------table-validator.directive.ts * specific decorator for table
--------table.ts * table entry file
--------table.component.ts * table main component, where we register controller + directive
--------table.css * styles for table
--------table.html * template for table ( preferr inline templates if possible )
--------table.spec.ts * specs for table
----common/ * where common things in our app live
------common.ts * entry file for common
------utils/ * where generic functionality helpers lives
------services/ * generic services and funcionality ( Data Service for communication via REST etc)
--------view/ * whole viewCreater module
--------data/ * REST api service
----------data.ts * entry file for data
----------data.service.ts * REST API implementation
----------data.service.spec.ts
--------storage/ * IndexDB browser storage
----style/ * global app styles
------variables.less
------typography.less
------mixins.less