Skip to content

Commit

Permalink
updated README with some info and link
Browse files Browse the repository at this point in the history
  • Loading branch information
WebReflection committed Mar 5, 2020
1 parent 1a4e564 commit 407c243
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 14 deletions.
25 changes: 12 additions & 13 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,15 @@ A **Fast & Light Virtual DOM Alternative** available for [Node.js](https://viper
[![Greenkeeper badge](https://badges.greenkeeper.io/WebReflection/hyperHTML.svg)](https://greenkeeper.io/) ![Blazing Fast](https://img.shields.io/badge/speed-blazing%20🔥-brightgreen.svg)

- - -

Following an overview of projects related, or inspired by, _hyperHTML_. For a deep comparison of current libraries, feel free to [check this gist out](https://gist.github.com/WebReflection/761052d6dae7c8207d2fcba7cdede295).


## <em>µ</em>html

The latest, smallest, iteration of all best concept from this library since 2017, have been packaged in _~2.5K_. If it's extreme minimalism and great _DX_ that you are after, check [uhtml](https://github.com/WebReflection/uhtml#readme) out.


## hypersimple

If you've just started with template literals based projects and you like components, or you'd like to understand what's _hyperHTML_ capable of, give [hypersimple](https://github.com/WebReflection/hypersimple#readme) a try 🎉
Expand Down Expand Up @@ -68,19 +77,6 @@ This project exists thanks to all the people who contribute. [[Contribute](CONTR

- - -

### Seamlessly Isomorphic
No matter if you use ESM or CommonJS, you can use [hypermorphic](https://github.com/WebReflection/hypermorphic#hypermorphic-)
to load same features on both client and server.

```js
// ESM example (assuming bundlers/ESM loaders in place)
import {bind, wire} from 'hypermorphic';

// CommonJS example
const {bind, wire} = require('hypermorphic');
```

- - -

### V2.5 Highlights
* `<self-closing />` tags for both custom elements and any other as well 🎉
Expand All @@ -102,6 +98,9 @@ Following most important changes in version 2:

A proper documentation full of examples can be found in [viperhtml.js.org](https://viperhtml.js.org/).

**Please Note** that _viperHTML_ has been deprecated, so it doesn't grant 100% features parity anymore.


## Basic Example
The easiest way to describe `hyperHTML` is through [an example](https://webreflection.github.io/hyperHTML/test/tick.html).
```js
Expand Down
2 changes: 1 addition & 1 deletion test/basic.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<script>
this.onload = function () {
'use strict';
document.body.appendChild(hyperHTML.wire()`<div class="block__element${Math.random() < .5 ? '--modifier' : ''}">asd</div>`);
document.body.appendChild(hyperHTML.wire()(['<input id="delay" type="number" .value="','">'], 0));
};
</script>
</head>
Expand Down

0 comments on commit 407c243

Please sign in to comment.