# spiel-render

> render for every framework that use ultradom

Latest version **1.2.1** (published 2018-03-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install spiel-render
pnpm add spiel-render
yarn add spiel-render
bun add spiel-render
```

## 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 | 1.2.1 |
| Published | 2018-03-18 |
| First published | 2018-03-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 5.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Francisco Jesus Navarro Cortes |
| Maintainers | dancespiele |
| Keywords | spieljs, ultradom, javascript, typescript, render |

## Links

- npm: https://www.npmjs.com/package/spiel-render
- Repository: https://github.com/spieljs/spiel-render
- Homepage: https://github.com/spieljs/spiel-render#readme
- Issues: https://github.com/spieljs/spiel-render/issues
- npm.io page: https://npm.io/package/spiel-render

## Dependencies (2)

- [ultradom](https://npm.io/package/ultradom.md) ^2.3.0
- [typescript](https://npm.io/package/typescript.md) ^2.7.2

## Alternatives

- [@openai/codex-sdk](https://npm.io/package/@openai/codex-sdk.md) — 731.4K weekly downloads
- [babel-plugin-transform-react-jsx](https://npm.io/package/babel-plugin-transform-react-jsx.md) — 565.0K weekly downloads
- [babel-helper-remove-or-void](https://npm.io/package/babel-helper-remove-or-void.md) — 508.5K weekly downloads
- [@pnpm/store-controller-types](https://npm.io/package/@pnpm/store-controller-types.md) — 186.9K weekly downloads
- [react-native-signature-canvas](https://npm.io/package/react-native-signature-canvas.md) — 155.6K weekly downloads

## Recent versions

- 1.2.1 (latest) — 2018-03-18
- 1.2.0 — 2018-03-18
- 1.1.1 — 2018-03-11
- 1.1.0 — 2018-03-09
- 1.0.1 — 2018-03-04
- 1.0.0 — 2018-03-04

## README

# Spiel Render
Spiel render is a render for every framework that use [ultradom](https://github.com/jorgebucaran/ultradom).

## Api documentation
* [Spiel render API](https://spieljs.github.io/spiel-render/)

## How use it

### Render yours views

```typescript
import {createNode, VNode} from "ultradom";
import {render, State, View} from "spiel-render";

export const state: State = {
    title: "Hello",
};

export const view: View = (model: State): VNode<any> => {
    const changeTitle = () => {
        state.title = "Hello World";
        render(view, state);
    };

    return(
        <div>
            <h1>{state.title}</h1>
            <button onclick={() => changeTitle()}></button>
        </div>
    );
};

document.body.appendChild(render(view, state));
```

## Run Spiel Render tests

`npm test`

## License

Spiel Render is MIT licensed. See [license](LICENSE.md)

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