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