ATTENTION

This is one of the first Angular JS repositories I created, if you like component pattern and want a seed project use Angular JS 1.X ES6 seed which implements component pattern, contains better webpack build and advanced testing support out of the box, happy hacking!

Component Pattern for Angular JS 1.X

• original blog post describing Component Pattern
• presentation describing history of Angular JS concepts and Component Pattern

Features

• standard implementation of a state using ui-router
• component implementation used as inline template in ui-router state definition
• ES6, Webpack

Installation

To use it, just clone this repo and install the npm dependencies:

$ git clone https://github.com/tomastrajan/component-pattern-for-angular-js-1-x component_pattern_example
$ cd component_pattern_example
$ npm install

Scripts

All scripts are run with npm run [script], for example: npm run test.

• build - generate a minified build to dist folder
• dev - start development server, try it by opening http://localhost:8080/
• test - run all tests
• test:live - continuously run unit tests watching for changes

Credits

This example uses build process from angular-webpack-workflow, so check it out for more information if needed.