# diffhtml

> Build JavaScript components and apps using a Virtual DOM

Latest version **1.0.0-beta.30** (published 2023-07-11) · MIT license · 0 weekly downloads

## Install

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

## Health

**Score 40/100 (D)** — status: abandoned.

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

Warnings: low downloads.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 1.0.0-beta.30 |
| Published | 2023-07-11 |
| First published | 2015-04-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 7.6 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 874 |
| Author | Tim Branyen |
| Maintainers | tbranyen |

## Links

- npm: https://www.npmjs.com/package/diffhtml
- Repository: https://github.com/tbranyen/diffhtml
- Homepage: https://github.com/tbranyen/diffhtml#readme
- Issues: https://github.com/tbranyen/diffhtml/issues
- npm.io page: https://npm.io/package/diffhtml

## Recent versions

- 1.0.0-beta.30 (latest) — 2023-07-11
- 1.0.0-beta.29 — 2022-10-30
- 1.0.0-beta.28 — 2022-04-29
- 1.0.0-beta.27 — 2022-04-01
- 1.0.0-beta.26 — 2022-03-31
- 1.0.0-beta.25 — 2022-03-31
- 1.0.0-beta.24 — 2022-03-31
- 1.0.0-beta.23 — 2022-01-19
- 1.0.0-beta.22 — 2021-12-19
- 1.0.0-beta.21 — 2021-12-06
- 1.0.0-beta.20 — 2021-05-07
- 1.0.0-beta.19 — 2021-05-03
- 1.0.0-beta.18 — 2020-08-11
- 1.0.0-beta.17 — 2020-05-14
- 1.0.0-beta.16 — 2020-05-08
- … 48 more at https://npm.io/package/diffhtml/versions

## README

# <±/> diffHTML

*The foundation and core of the diffHTML ecosystem. Parses HTML, reconciles
changes, applies middleware, handles transitions, and keeps the DOM in sync.*

Latest version: 1.0.0-beta.30

Refer to the website [https://diffhtml.org/](https://diffhtml.org/) for
documentation.

## Installation

``` javascript
npm i --save diffhtml
```

## Simple example

Render "Hello world" to the screen:

```javascript
import { innerHTML } from 'diffhtml';

innerHTML(document.body, `
  <div>Hello world</div>
`);
```

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