https://github.com/seeren/appable
🧱 Appable is a Javascript Micro Framework to Build and Scale User Interfaces
https://github.com/seeren/appable
components javascript-micro-framework routing services
Last synced: 4 months ago
JSON representation
🧱 Appable is a Javascript Micro Framework to Build and Scale User Interfaces
- Host: GitHub
- URL: https://github.com/seeren/appable
- Owner: seeren
- License: mit
- Created: 2020-04-19T12:59:23.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-11-28T22:02:37.000Z (about 4 years ago)
- Last Synced: 2025-08-13T17:37:15.468Z (4 months ago)
- Topics: components, javascript-micro-framework, routing, services
- Language: JavaScript
- Homepage: https://github.com/seeren/appable/wiki
- Size: 1.52 MB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Appable
Appable is a Javascript Micro Framework to Build and Scale User Interfaces
## Install
```bash
npm install appable
```
## Generate project
```bash
npx appable new my-app
```
## Serve project
```bash
cd my-app
```
```bash
npm start
```
* * *
## Generate Component
```bash
appable generate component counter
```
## Interpolate and Bind
`src/app/counter/counter.component.html`
```html
${ counter }
```
## Use Life Cycle
`src/app/counter/counter.component.js`
```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`
```js
RouterComponent
.add('/count', 'counter', CounterComponent)
.run(new AppComponent)
```
* * *
## 📘 Documentation
Read the documentation to learn about build, component, template,service and router usages:
* * *
## ©️ License
[MIT](LICENSE) Copyright Seeren