# hyperapp-extended

> Hyperapp extended

Latest version **1.1.7** (published 2018-02-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install hyperapp-extended
pnpm add hyperapp-extended
yarn add hyperapp-extended
bun add hyperapp-extended
```

## Health

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

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

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.7 |
| Published | 2018-02-21 |
| First published | 2018-02-21 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 35.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Jorge Bucaran |
| Maintainers | etalisoft |
| Keywords | hyperapp, extended, vdom |

## Links

- npm: https://www.npmjs.com/package/hyperapp-extended
- Repository: https://github.com/etalisoft/hyperapp-extended
- Homepage: https://github.com/etalisoft/hyperapp-extended#readme
- Issues: https://github.com/etalisoft/hyperapp-extended/issues
- npm.io page: https://npm.io/package/hyperapp-extended

## Recent versions

- 1.1.7 (latest) — 2018-02-21
- 1.1.6 — 2018-02-21
- 1.1.5 — 2018-02-21
- 1.1.4 — 2018-02-21
- 1.1.3 — 2018-02-21
- 1.1.2 — 2018-02-21

## README

# <img height=24 src=https://cdn.rawgit.com/JorgeBucaran/f53d2c00bafcf36e84ffd862f0dc2950/raw/882f20c970ff7d61aa04d44b92fc3530fa758bc0/Hyperapp.svg> Hyperapp

[Hyperapp](https://github.com/hyperapp/hyperapp) is a JavaScript library for building web applications.

## What's different

`hyperapp-extended` is `hyperapp`, but with a few additions.

### Actions
Actions have an additional parameter.

```js
// hyperapp
const actions = {
  example: value => (state, actions) => { /* state changes */ },
};

// hyperapp-extended
const actions = {
  example: value => (state, actions, current) => { /* state changes */ },
}
```

### Components
Components have an additional parameter.

```js
// hyperapp
const Component = (attributes, children) => <div />;

// hyperapp-extended
const Component = (attributes, children, current) => <div />;
```

### What is 'current'?

`current` is an object with two methods:

* `getState()` - returns the current app's global state
* `getActions()` - returns the current app's global actions

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