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

©️ License

MIT Copyright Seeren