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

int0h

int0h

Posted on March 25, 2018

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 />);
Enter fullscreen mode Exit fullscreen mode

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!

💖 💪 🙅 🚩
int0h
int0h

Posted on March 25, 2018

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related