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

KO | EN

gitlite — search

#hacktoberfest #ai #typescript #go #machine-learning #rust #deep-learning #linux #macos #nodejs #kubernetes #security #ios #openai

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

(★ 69)

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

component-pattern-for-angular-js-1-x Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

### 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](https://github.com/tomastrajan/angular-js-es6-testing-example)
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](https://medium.com/@tomastrajan/component-paradigm-cf32e94ba78b)
* presentation describing history of Angular JS concepts and [Component Pattern](https://slides.com/tomastrajan/component-pattern-for-angular-js-1-x)

![Components](https://raw.githubusercontent.com/tomastrajan/component-pattern-for-angular-js-1-x/master/src/asset/image/components.jpg)

## 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:

```shell
$ 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](https://github.com/Foxandxss/angular-webpack-workflow),
so check it out for more information if needed.

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

component-pattern-for-angular-js-1-x Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

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

component-pattern-for-angular-js-1-x Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README