# appable

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

Latest version **3.0.3** (published 2021-11-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install appable
pnpm add appable
yarn add appable
bun add appable
```

Provides the command `appable`.

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.0.3 |
| Published | 2021-11-28 |
| First published | 2020-04-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Node | >=14 |
| Dependencies | 0 |
| Unpacked size | 92.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | Cyril Ichti |
| Maintainers | seeren |
| Keywords | appable, hybrid, app, component, route, service |

## Links

- npm: https://www.npmjs.com/package/appable
- Repository: https://github.com/seeren/appable
- Homepage: https://github.com/seeren/appable/wiki
- Issues: https://github.com/seeren/appable/issues
- npm.io page: https://npm.io/package/appable

## Alternatives

- [express-promise-router](https://npm.io/package/express-promise-router.md) — 736.1K weekly downloads
- [next-usequerystate](https://npm.io/package/next-usequerystate.md) — 29.8K weekly downloads
- [@bitkyc08/opencodex](https://npm.io/package/@bitkyc08/opencodex.md) — 4.6K weekly downloads
- [lynkr](https://npm.io/package/lynkr.md) — 575 weekly downloads
- [baremetal.js](https://npm.io/package/baremetal.js.md) — 42 weekly downloads

## Recent versions

- 3.0.3 (latest) — 2021-11-28
- 3.0.2 — 2021-11-28
- 3.0.1 — 2021-09-05
- 3.0.0 — 2021-08-24
- 2.1.5 — 2021-08-24
- 2.1.3 — 2021-08-16
- 2.1.2 — 2021-08-08
- 2.1.1 — 2021-08-07
- 2.1.0 — 2021-08-07
- 2.0.4 — 2021-04-05
- 2.0.3 — 2021-04-04
- 2.0.2 — 2021-04-04
- 2.0.1 — 2021-04-04
- 2.0.0 — 2021-04-04
- 1.2.4 — 2020-10-13
- … 20 more at https://npm.io/package/appable/versions

## README

<h1 align="center">Appable</h1>

<p align="center">
Appable is a Javascript Micro Framework to Build and Scale User Interfaces
</p>

<p align="center">
<a href="https://travis-ci.com/github/seeren/appable"><img src="https://travis-ci.org/seeren/appable.svg?branch=master" alt="Build"></a>
<a href="https://coveralls.io/github/seeren/appable?branch=master"><img src="https://coveralls.io/repos/github/seeren/appable/badge.svg?branch=master" alt="Coverage"></a>
<a href="https://www.npmjs.com/package/appable"><img src="https://img.shields.io/npm/dt/appable.svg" alt="Download"></a>
<a href="https://www.npmjs.com/package/appable"><img src="https://img.shields.io/npm/v/appable.svg" alt="Version"></a>
<a href="./LICENSE"><img src="https://img.shields.io/npm/l/appable.svg" alt="Version"></a>
<a href="https://www.codacy.com/gh/seeren/appable/dashboard?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=seeren/appable&amp;utm_campaign=Badge_Grade"><img src="https://app.codacy.com/project/badge/Grade/1ee1bd19de0c4438bfd50b7d853d9e32" alt="Build"></a>
</p>

## 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
<button onclick="increment()">
  ${ counter }
</button>
```

## 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: <https://github.com/seeren/appable/wiki>

* * *

## ©️ License

[MIT](LICENSE) Copyright Seeren

---
_Source: https://npm.io/package/appable · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._