Package Exports

appable
appable/dist/appable.js

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 a Javascript Micro Framework to Build and Scale User Interfaces

Install

npm install appable

Generate project

npx appable new my-app

Serve project

cd my-app

npm start

Generate Component

appable generate component counter

Interpolate and Bind

src/app/counter/counter.component.html

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

Use Life Cycle

src/app/counter/counter.component.js

import { Component } from 'appable';

import template from './counter.component.html';

export class CounterComponent extends Component {

  counter;

  constructor() {
    super('counter', template);
  }

  onInit() {
      this.counter = 0;
  }

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

}

Route URL

src/index.js

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

📘 Documentation

Read the documentation to learn about build, component, template,service and router usages: https://github.com/seeren/appable/wiki

appable