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

---

©️ License

MIT Copyright Seeren