appable
TypeScript icon, indicating that this package has built-in type declarations

3.0.3 • Public • Published

Appable

Appable is a Javascript Micro Framework to Build and Scale User Interfaces

Build Coverage Download Version Version Build

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

Package Sidebar

Install

npm i appable

Weekly Downloads

8

Version

3.0.3

License

MIT

Unpacked Size

94.6 kB

Total Files

61

Last publish

Collaborators

  • seeren