component-pattern-for-angular-js-1-x

Example of implementation of Component pattern for Angular JS 1.X using ES6 & Webpack

Stars
70
Committers
3

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

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.

Related Projects