I'm working on front-end library set (close to react ecosystem). I'm looking forward to know what do you think about it!

Introduction

I've been working on my pet-project called hyper-value for some time. It is a set of a few libraries designed to help you develop web-applications.

Gist of the project

The main idea is to provide a simple wrapper around any value in javascript. The wrapper can be used to share data between components, update that data and react to these updates.

Code sample

Here is full code of a simplest application written with hyper-value:

import {HyperValue} from 'hyper-value';
import {jsx, Component} from 'hv-jsx';
import {renderIn} from 'hv-dom';

class App extends Component<{}> {
    count = new HyperValue(0);
    render() {
        return <div>
            <span>Click amount: {this.count}</span>
            <button onClick={() => this.count.$++}>Click me!</button>
        </div>;
    }
}

renderIn(document.body, {}, <App />);

Status

At this point I want to get the feedback from community. Is anybody (except me) see it as a reasonable idea?

Links

You can find a detailed tutorial here: https://medium.com/@int0h/hyper-value-living-data-in-your-application-a54aab68d8b1

Libraries:
hyper-value: https://github.com/int0h/hyper-value
hv-jsx: https://github.com/int0h/hv-jsx
hv-dom: https://github.com/int0h/hv-dom

Demos

counter application: https://github.com/int0h/hv-counter-app
todo application: https://github.com/int0h/hv-todo-list
async demo: https://github.com/int0h/hv-async-app

P.S.

I'm not sure if here is the right place for a post like that. I'll be glad if you advice me any other way to get the feedback!

Comments

[Ben Halpern]

Interesting! Can you give a more thorough overview of the use-cases?

[int0h]

I'll be glad to provide an overview. Could you please direct me what exactly it should be about?
There is detailed step-by-step instruction on medium. Please check it if you haven't already.

Should I write more about how to use it? Or when and why?