Nachos Preventing Motivation

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

    3.0.1 • 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

    Install

    npm i appable

    DownloadsWeekly Downloads

    118

    Version

    3.0.1

    License

    MIT

    Unpacked Size

    92.5 kB

    Total Files

    61

    Last publish

    Collaborators

    • seeren