Package Exports

appable

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (appable) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Appable

Appable is JavaScript Framework to build user interfaces and scale them effectively

Installation

npm install appable

npx appable new my-app

cd my-app

npm start

Example

Generate a component

appable generate component counter

Template is auto rendered, use interpolation and event binding:

src/app/counter/counter.component.html

<button onclick="increment()">${counter}</button>

Component handle interaction, data and use life cycle:

src/app/counter/counter.component.js

export class CounterComponent extends Component {

  constructor() {
    super({ selector: "counter", template });
  }

  onInit() {
      this.counter = 0;
  }

  increment() {
    return this.counter++;
  }

}

Associate component to url:

src/index.js

RouterComponent
  .add('/count', 'counter', CounterComponent)
  .run(new AppComponent)

📘 Documentation

Read the documentation to learn about build, component encapsulation, service, router and other details.

Motivation

Curious about reduce complexity in component rendering and communication the project think about web and mobile app who have to make the job and take care about dependencie size.

appable